<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="" method="post">
<input type="text" name="name" value="文字">
<input type="password" name="password" placeholder="wenzi ">
<input type="radio" name="radio" id="233"><label for="233">文字</label>
<input type="checkbox" name="checkbox" checked>文字
<select>
<option value="不能相等">233</option>
<option value="不能相" selected>250</option>
<option value="不">233</option>
</select>
<input type="file" name="asd">
<form action="表單提交的路徑" method="post或get" enctype="multipart/form-data">
文本框：
<input type="text" name="名字" value="可寫可不寫，默認值" size="設置文本框的長度" maxlength="文本框中允許輸入的最大字符數"/><br/>
密碼框：
<input type="password" name="名字" value="同上" /><br/>
單選按鈕
<input type="radio" name="單選按鈕名字必須相同" value="不能爲空，不能相同" checked id = "id的值"/>
<label for="id的值">選項一</label>
<input type="radio" name="單選按鈕名字必須相同" value="不能爲空，不能相同" />
選項二<br/>
複選按鈕
<input type="checkbox" name="複選按鈕名字通常相同" value="不能爲空，不能相同" checked id = "id的值2"/>
<label for="id的值2">選項一</label>
<input type="checkbox" name="複選按鈕名字通常相同" value="不能爲空，不能相同" />
選項二<br/>
列表框
<select name="名字" size="2">
<option value="值，也不能相同">文字1</option>
<option value="值，也不相同" selected>文字2</option>
<option value="值，不能相同">文字3</option>
<option value="值，也不能同">文字4</option>
</select><br/>
多行文本域：
<textarea name="名字" cols="一行顯示多少字符" rows="默認顯示多少行">可輸入默認顯示的文字</textarea><br/>
文件域
<input type="file" name="名字" /><br/>
<!--當表單中使用文件域時，需要在form標籤裏增加enctype="multipart/form-data"-->
郵箱：
<input type="email" name="名字" value="可寫可不寫" /><br/>
<!--email標籤驗證的是 @前後都需要有文本-->
網址：
<input type="url" name="名字" value="可寫可不寫" /><br/>
<!--url驗證的是以http://開頭-->
數字：
<input type="number" name="名字" value="可寫可不寫" max="最大值" min="最小值" step="數字間隔" /><br/>
滑塊：
<input type="range" name="名字" value="可寫可不寫" max="最大值" min="最小值" step="數字間隔" /><br/>
搜索框：
<input type="search" name="名字" value="可寫可不寫"/><br/>
按鈕
<input type="button" name="可寫可不寫" value="按鈕顯示的文字1"/>
<input type="reset" name="可寫可不寫" value="按鈕顯示的文字2">
<input type="submit" name="可寫可不寫" value="按鈕顯示的文字3">
<input type="image" src="圖片的地址" name="可寫可不寫"><br/>
<!--submit和image默認都有提交功能，button默認不具備認可功能-->
<!--表單驗證-->
<input type="button" name="" value="233">
<input type="submit" name="" value="23131">
隱藏域：
<input type="hidden" name="名字" value="可寫可不寫"/>
<!--是在表單中不對客戶顯示，但有其存在意義的表單元素，通常用於數據主鍵的存儲-->
只讀：在表單標籤中加入readonly即可。<br />
禁用：在表單標籤中加入disabled即可。<br />
佔位符：placeholder,用於在表單元素中顯示提示性的文字，但不影響value的值。<br />
必填項（非空驗證）：在表單標籤中加入required即可。<br />
模式：在表單元素中加入pattern屬性，屬性的值可加正則表達式，表示該標籤值按照一定規則填寫
</form>
</form>
</body>
</html>[筆記]HTML及CSS相關筆記(二)
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
MCU初始化流程——從上電到main()之間
說明： 以下介紹示例的MCU地址空間如下： ROM空間爲：0x0000 0000 – 0x0000 8000 RAM空間爲：0x2000 0000 – 0x2000 2000