1. 程式人生 > >2017.10.25筆記3

2017.10.25筆記3

文件 readonly 單選 size reset 提交 pla 選項 sel

1.語法
<form method="get|post" action="數據向哪提交的地址">
//表單內容
</form>

2.input 標簽常用屬性
<input name="標簽名" type="標簽類型" value="標簽默認值"/>
size:輸入文本框的字符的長度
maxlength:文本框的寬度
checked: 單選框和復選框的默認選中.
selected: 下拉框的默認選中

3.常用標簽
text //文本框
password //密碼框
radio //單選按鈕
checkbox //復選框
button //按鈕
submit //提交按鈕
reset //重置按鈕
url //只能輸入網址
emial //只能輸入郵箱
number //只能輸入數字
file //文件域
range //滑塊
search //搜索框
其他標簽
<select> :下拉框
<option></option> 選項
</select>
<textarea></textarea> 文本域
註意: radio和checkbox中的name屬性值需要保持一致,才能
到達單選或者多項的作用.

4.表單的高級應用
hidden //隱藏域
readonly // 只讀
disabled // 禁用

5.表單元素的標註
例:
<label for="id值"> 男</label>
<input type="radio" id="id值"/>
6.表單初級驗證的方法
placeholder //提示
required //必填項
pattern //正則表達式(輸入的內容必須符合這個表達式的要求

2017.10.25筆記3