Form表单模版写法 

 1 <form action="https://search.jd.com/search">
 2         <!--文本框-->
 3         <label>
 4             账户: <input type="textx" name="userName" minlength="5" disabled><br>
 5         </label>
 6         <!--密码框-->
 7         <label>
 8             密码: <input type="password" name="pwd" maxlength="6"><br>
 9         </label>
10 
11         <!--单选按钮-->
12         性别: <label><input type="radio" name="gender" value="male">男</label>
13              <label><input type="radio" name="gender" value="female" checked>女</label>
14         <br>
15         <!--多选框-->
16         爱好: <label><input type="checkbox" name="hobby" value="table">乒乓</label>
17          <label><input type="checkbox" name="hobby" value="run" checked>跑步</label>
18          <label><input type="checkbox" name="hobby" value="sing">唱歌</label>
19         <br>
20         <!--下拉框-->
21         籍贯: <select name="city"><!--如果没有value属性 则提交的是标签中间的内容-->
22                <option value="晋">山西</option>
23                <option value="秦">陕西</option>
24                <option value="粤" selected>广东</option>
25              </select>
26         <br>
27         <!--文本域-->
28         <label>其他信息：<textarea cols="8" rows="8" name="msg"></textarea></label>
29         <br>
30         <!--隐藏域-->
31         <input type="hidden" name="abc" value="123">
32         <br>
33         <!--确认按钮第一种写法-->
34         <!--<button>提交</button>-->
35         <!--确认按钮第二种想法-->
36         <input type="submit" value="确认">
37 
38         <!--重置按钮第一种写法-->
39         <button type="reset" disabled>重置</button>
40         <!--重置按钮第二中写法-->
41         <input type="reset" value="重置">
42     </form>

 

posted @ 2025-04-17 00:14  司徒二条  阅读(28)  评论(0)    收藏  举报