表單域是表單的區(qū)域,用來控制表單提交時候的數(shù)據(jù)訪問.

input標記

文本框

<!-- type:類別 文本框 size:表示字符寬度 maxlength:表示最多輸入的字符數(shù) --><input type="text" name="uname" size="20" maxlength="10">

密碼框?

<!-- type:類別 密碼框 maxlength:表示最多輸入的字符數(shù) --><input type="password" name="pwd" maxlength="6">

單選按鈕

<!-- type:類別 單選按鈕 --> <input type="radio" name="sex" value="1" checked="checked" />男 <input type="radio" name="sex" value="0" />女

ps: 1. 同一組的名字要一致 ? ?2. 必須要給無法輸入的表單元素賦值 ? ?3. 默認選中checked="checked"?

?多選框(復選按鈕)

<!-- type:類別 多選框(復選按鈕) --> <input type="checkbox" name="hobby" value="圍棋" checked="checked" />圍棋 <input type="checkbox" name="hobby" value="動漫" />動漫 <input type="checkbox" name="hobby" value="編程" />編程

提交

? ?用來向服務器提交數(shù)據(jù).

<input type="submit" value="注冊" name="submit"/>

重置?

? ?用來清空填寫的數(shù)據(jù)

<input type="reset" value="重置" name="button"/>

普通按鈕

<input type="button" value="返回" />

下拉菜單?

<!-- 下拉菜單 --> <select name="degree"><option value="學士">學士</option><option value="碩士" selected="selected">碩士</option><option value="博士">博士</option> </select>

?<select> 下拉菜單 ? ? ?<option>下拉菜單項 ? ? ? ? ??selected="selected"默認選中

多行文本

<!-- 多行文本 cols:容納的列數(shù) ? rows:容納的行數(shù) --> <textarea name="leavewords" cols="25" rows="5"></textarea>

form標簽的 action,method屬性

action="數(shù)據(jù)提交的位置", ?action=""表示提交到本頁面

method="get"數(shù)據(jù)提交的方法

總結

以上是生活随笔為你收集整理的前端三十三:表单form的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。