《-------------------Form表單標籤-------------------》

1、Form表單標籤

<form action="" method=""></form>服務器

   表單就是用來將用戶的信息提交到服務器,服務器會將信息存儲或者根據信息查詢數據(增刪改查)。spa

表單中全部的內容都要寫在form標籤中。翻譯

<input type="text" value="哈哈哈哈" placeholder="請輸入用戶名"> orm

Input文本輸入框,type類型爲text-普通文本輸入框。input

Value屬性:給文本輸入框添加默認值。it

Placeholder屬性:文本框中提示性文本。io

<input type="password" placeholder="請輸入密碼">form

Input類型爲password,以密碼的形式顯示表單

<input type="radio" name="xingbie" value="nan">date

若是實現單項選擇的話必須設置name屬性一致

Input類型爲radio,單項選擇輸入。能夠想象互斥的概念

<input type="checkbox" name="xihao" value="youyong">

Input類型爲checkboxcheck就是選擇的意思,box是盒子的意思。Checkbox咱們能夠翻譯爲選擇框。它是一個多選選擇框輸入。

Name屬性即便設置爲一致的,那麼也不會單選,仍是多選框。並且通常name屬性名字寫成一致的。

<p>提交:<input type="submit"></p>

<p>普通按鈕:<input type="button" value="我是普通按鈕"></p>

<p>重置:<input type="reset"></p>

Input三種類型的button

Submit:提交按鈕,將form表單提交到action對應的頁面中去

Reset:重置按鈕,將form中填寫的全部信息重置爲默認值

Button:普通按鈕、它的功能能夠本身去定義

    <textarea name="text" id="text" cols="30" rows="10"></textarea>

Textarea:文本域標籤,經過colsrows能夠改變它的大小

<fieldset>

<legend>分組標題</legend>

<p><input type="date"></p>日期

<p><input type="color"></p>顏色

<p><input type="file"></p>本地文件

</fieldset>

Fieldset:分組標籤。

Legend:設置分組標題標籤

相關文章
相關標籤/搜索