表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素
表单标签
文本域(Text Fields)
当用户要在表单中键入字母,数字等内容时,就会用到文本域
单选按钮(Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框
复选框(Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框
表单的动作属性(Action)和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件,表单的动作属性定义了目的文件的文件名,由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理
下面举几个例子
- <html>
- <head>
- <title>Welcome</title>
- </head>
- <h1>登录</h1>
- <form action="" method="post">
- 用户名:<input type="text" name="username"/><br/>
- 密 码:<input type="password" name="pwd"/></br>
- <input type="submit" value="登录"/> <input type="reset" value="重新填写"/></br>
- <input type="checkbox" name="v1">西瓜</br>
- <input type="checkbox" name="v1">苹果</br>
- <input type="radio" name="sex"/>男</br>
- <input type="radio" name="sex"/>女</br>
- <!--隐藏的用处是课提交数据,同时不影响界面-->
- <input type="hidden" value="123" name="sal"/>
- 选择你的出生地:
- <select name="bir">
- <option value="">--请选择--</option>
- <option value="bj">北京</option>
- <option value="bj">上海</option>
- <option value="cq">重庆</option>
- </select>
- </br>
- 请留言</br>
- <textarea cols="30" rows="10"></textarea></br>
- 选择要上传的文件</br>
- 请选择文件:<input type="file" name="myfile"/></br>
- </select>
- </form>
- </body>
- </html>
网页打开如图