<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類型爲checkbox,check就是選擇的意思,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:文本域標籤,經過cols和rows能夠改變它的大小
<fieldset>
<legend>分組標題</legend>
<p><input type="date"></p>日期
<p><input type="color"></p>顏色
<p><input type="file"></p>本地文件
</fieldset>
Fieldset:分組標籤。
Legend:設置分組標題標籤