首页 > 技术文章 > HTML网页中的表单

gakkiaspnet 2020-11-26 20:39 原文

 1  @*HTML表单是一个包含允许用户输入信息的一组表单元素:
 2         文本框,单选框,复选框,下拉列表,文本域以及提交按钮
 3         action一般指url地址,提交之后跳转的网页,method表示提交方式,主要是get和post*@
 4     <form action="#" method="get" target="_blank">
 5         @*submit表示按钮类型,label是一个语义标签 disable value 是改不了的*@
 6         <label>用户名:<input type="text" name="username" value="高手" /></label><br />
 7         <label>用户名:<input type="password" name="password" disabled value="1234" /></label><br />
 8 
 9         <input type="submit" value="提交" />
10         <input type="reset" value="重置" />
11         <br />
12         <label>性别:</label><br />
13         @*checked就是默认选择项,disaabled说明不能被选择,readonly可以*@
14         <label><input type="radio" name="gender" value="male" @*disabled="disabled"*@ checked/>男</label>
15         <br />
16         <label><input type="radio" name="gender" value="female" readonly/>女</label>
17         <br />
18         @*复选框checkbox*@
19         <label>爱好:</label>
20         <label><input type="checkbox" name="hobby" value="table-tennis"/>乒乓球</label>
21         <label><input type="checkbox" name="hobby" value="table-tennis"/>乒乓球</label>
22         <label><input type="checkbox" name="hobby" value="chess"/>象棋</label>
23         <label><input type="checkbox" name="hobby" value="LOL"/>LOL</label>
24         <br />
25         @*下拉框select option*@
26         <label>年龄:</label>
27         <select name="age">
28             <option value="1">one</option>
29             <option value="2" selected>two</option>
30             <option value="3">three</option>
31         </select>
32         <br />
33         @*多行文本框textarea,这个输入不是input*@
34         <label>自我介绍</label>
35         <textarea name="selfDescription">我是高手</textarea>
36     </form>

 

推荐阅读