這篇文章帶給大家的內容是關於html中表單標籤的type屬性的應用實例,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
<input/>单标签 <input type="text(文本)"/>
type屬性:
text (單行文字輸入方塊)
password(密碼輸入方塊)
radio(單選按鈕)
checkbox(複選框)
#button(普通按鈕)
submit(提交按鈕)
reset(重置按鈕)
image(圖片形式的提交按鈕)
file(檔案網域)
name 自訂 控制項名稱
value 自訂 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中文網其他相關文章!