HTML的表单元素
表单元素是同意用户在表单中(比方:文本域,下拉列表,单选框,复选框等等)输入信息的元素
表单标签
文本域(Text Fields)
当用户要在表单中键入字母,数字等内容时,就会用到文本域
单选button(Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框
复选框(Checkboxes)
当用户须要从若干给定的选择中选取一个或若干选项时,就会用到复选框
表单的动作属性(Action)和确认button
当用户单击确认button时,表单的内容会被传送到还有一个文件,表单的动作属性定义了目的文件的文件名称,由动作属性定义的这个文件一般会对接收到的输入数据进行相关的处理
以下举几个样例
<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>
网页打开如图
时间: 2024-10-24 04:35:45