HTML入门3:表单

1  表单的应用

网站的用户名注册和登录。主要用来接收用户提交的信息,并把信息提交给服务器,实现客户端和服务器的交互。

2  表单基本语法

使用form标签。表单的所有元素,包括文本域、单选框、复选框、按钮、列表等等,都要包含在form标签内。具体的表单元素如下:

2.1  input标签

单标签,语法:<input type="类型属性" name="名称" ... />
其中,type的属性值有很多种,每种对应一种表单元素。

input的单行文本域
基本语法:<input type="text" name="..." ... />
其他可选属性:

input的密码框
基本语法:<input type="password" name="..." ... />
密码域也是单行文本域的形式,只不过输入其中的信息以圆点的形式显示。

input的文件域
基本语法:<input type="file" name="..." ... />
功能是让用户可以上传本地电脑的文件。不同的浏览器的显示效果不同。

input的单选框
基本语法:<input type="radio" name="..." value="..." checked />
例如,选择性别的单选框:

<form>
        男<input type="radio" name="sex" value="man">
        女<input type="radio" name="sex" value="woman">
</form>

注意:(1)男、女是要写到input标签外面的,input标签的表现形式就仅仅是那个圆点。(2)value值的作用是提交到服务器的值。(3)同一组的name属性值一定要一样,这样才能保证是单选,否则就可以多选了。(4)checked属性的作用是默认选中,哪个input标签设置了checked,哪个单选框就是默认被选中的状态。

input的复选框
基本语法:<input type="checkbox" name="..." value="..." checked />
例如一个关于爱好的复选框:

<form>
        读书<input type="checkb
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值