HTML的表单元素

HTML的表单元素

表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素

表单标签


文本域(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>

网页打开如图




  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值