html中表單標簽的type屬性的應用案例
發表時間:2023-09-04 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章給大家帶來的內容是關于html中表單標簽的type屬性的應用實例,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。<input/>單標簽
<input type="text(文本)"/>type屬性:text (單行文本輸入框)p...
本篇文章給大家帶來的內容是關于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><h3 style="color: pink;">青春不常在,抓緊談戀愛</h3></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 >
<h3>我承諾</h3>
<ul>
<li>輔導班v</li>
<li>發給你發</li>
<li>vfbf</li>
<li>房間打開</li>
</ul>
</td>
</tr>
</table></body></html>
相關推薦:
html strong標簽是什么意思?html中strong標簽的具體用法介紹
html link標簽有什么作用?html link標簽的定義及屬性介紹
以上就是html中表單標簽的type屬性的應用實例的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。