h5-文本框

来源:转载

h5-文本框

 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>文本框</title> 6 </head> 7 <body> 8 <!-- form是表单,内部可以包含多个控件, 9 控件内可以输入值。10 我们是以表单为单元进行提交,一次要提交一个表单所包含所有控件的值。11 表单只是用来定提交的范围。12 表单是透明的。13 #:表示无处可提交。在有服务器时可提交给服务器,即是填入服务器地址取代#。14 -->15 <form action="#">16 <p>17 <!-- 加标签:18 在input里加入属性id,并起名“account”,设置文本框的唯一id,19 而后,在“账号:”前加上lable for="文本框的id"来捆绑标签20 从而实现,点击文字“账号:”也可以进行文本框输入。21 -->22 <label for="account">账号:</label>23 <input type="texts" id="account"/>24 </p>25 <p>26 <label for="password">密码:</label>27 <input type="pwd" id="password"/>28 </p>29 <!-- 单选框:在input里添加属性name,让选项使用同名30 互相排斥,即可实现单选31 -->32 <p>33 性别:34 <input type="radio" checked id="male" name="sex"/>35 <label for="male">男</label>36 <input type="radio" id="female" name="sex"/>37 <label for="female">女</label>38 </p>39 <p>40 兴趣:41 <input type="checkbox" checked id="basketball">42 <label for="basketball">篮球</label>43 <input type="checkbox" id="football">44 <label for="football">足球</label>45 </p>46 <p>47 <!-- value:按钮的名称;button:需用js进行定义 -->48 <input type="submit" value="提交"/>49 <input type="reset" value="重置"/>50 <input type="button" value="取消"/>51 </p>52 </form>53 </body>54 </html>

分享给朋友:
您可能感兴趣的文章:
随机阅读: