這篇文章給大家分享的是有關html中表單標簽的type屬性怎么用的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
<input/>單標簽 <input type="text(文本)"/>
type屬性：
text （單行文本輸入框）
password（密碼輸入框）
radio（單選按鈕）
checkbox（復選框）
button （普通按鈕）
submit（提交按鈕）
reset（重置按鈕）
image（圖像形式的提交按鈕）
file（文件域）
name 自定義 控件名稱
value 自定義 input控件中的默認文本值
size 正整數 input 控件在頁面中的顯示寬度
checked checked 定義選擇控件默認被選中的項
maxlength 正整數 控件允許輸入的最多字符數
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>表單設置</title></head><body>
<table width="500" border="0" cellpadding="0" cellspacing="0" align="center">
<caption><h4 style="color: pink;">青春不常在，抓緊談戀愛</h4></caption>
<tr height="60">
<td>性別</td>
<td style="color: blue;">
<img src="boy.jpg" />男<input type="radio" name="sex" />
<img src="girl.jpg" />女<input type="radio" name="sex" />
</td>
</tr>
<tr height="60">
<td>生日</td>
<td>
<select name="" id="">
<option value="">選擇年份</option>
<option value="">142</option>
<option value="">2234</option>
<option value="">3342</option>
<option value="">2124</option>
</select>
<select name="" id="">
<option value="">選擇月份</option>
<option value="">1月份</option>
<option value="">2月份</option>
<option value="">3月份</option>
<option value="">2月份</option>
</select>
<select name="" id="">
<option value="">選擇日</option>
<option value="">1號</option>
<option value="">2號2</option>
<option value="">3號</option>
<option value="">2號1</option>
</select>
</td>
</tr>
<tr height="60">
<td>所在地區</td>
<td >
<input type="text" value="北疆" style="color：gray；" />
</td>
</tr>
<tr height="60">
<td>所在地區編碼</td>
<td >
23 <input type="checkbox" />
34 <input type="checkbox" />
56 <input type="checkbox" />
67 <input type="checkbox" />
</td>
</tr>
<tr height="60">
<td>用戶名</td>
<td >
<input type="text" />
</td>
</tr>
<tr height="60">
<td>密碼</td>
<td >
<input type="password" maxlength="6" />//控制最多輸入6個字 </td>
</tr>
<tr height="60">
<td>注冊</td>
<td >
<input type="button" value="注冊" />
<input type="button" value="提交" />
<input type="button" value="失敗" />
<input type="image" src="zhuce.jpg" />
</td>
</tr>
<tr height="60">
<td>上傳頭像</td>
<td >
<input type="flie" >
</td>
</tr>
<tr height="60">
<td>自我介紹</td>
<td >
<textarea width= "500"></textarea><!--多行文本框-->
</td>
</tr>
<tr height="60">
<td></td>
<td ><!--圖像按鈕-->
<input type="image" src="zhuce.jpg" >
</td>
</tr>
<tr height="60">
<td></td>
<td > <!--選擇-->
我同意 <input type="checkbox" />
</td>
</tr>
<tr height="60">
<td></td>
<td >
<ins>我是會員立即注冊</ins>
</td>
</tr>
<tr height="60">
<td></td>
<td >
<h4>我承諾</h4>
<ul>
<li>輔導班v</li>
<li>發給你發</li>
<li>vfbf</li>
<li>房間打開</li>
</ul>
</td>
</tr>
</table></body></html>感謝各位的閱讀！關于html中表單標簽的type屬性怎么用就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
