web前端入门到实战:HTML表单练习

本文介绍了web前端HTML表单的基础知识,包括文本框、密码输入、单选与多选框、textarea、日期选择、邮箱验证、数字输入及提交与重置按钮的使用。还讲解了表单数据的传输,强调了action属性和name属性的重要性,并提到了如何通过value属性设置单选和多选框的传递值。最后,讨论了如何定义表单区域和标题。对于想学习或深入理解前端开发的朋友,这是一个不错的起点。
摘要由CSDN通过智能技术生成

整理一下思路​:

首先练习了账号密码的输入,属性为text为文本框,属性为password的为暗文文本框输入​

第二,单选框输入属性为radio,默认选择选项checked属性为checked,不同选项之间互斥为name属性的值必须相等​。多选框输入属性为checkbox。

第三,输入框为textarea标签,里面rows属性定义最多行,cols属性定义最多列​。

第四,属性值为date代表日历,属性为email代表为邮箱(必包含@),属性为number,代表本框只能输入数字​,属性为submit,代表提交信息到指定系统,属性值为reset代表重新提交信息,其中submit和reset中还可以有value属性来定义这个按钮的名称。button属性来添加按钮。

第五,传输信息有两个要点:

(1)form标签中action属性值必包含传输信息到系统的名称

(2)利用name属性来提示会有哪些值被传入到了我们的目的地,其中有一点就是单选框和多选款,可以通过在加入value属性来说明传入的值​。只有button属性的不能传入值

第六、在form标签后面紧跟field标签来指定表单区域,后面紧跟legend代表表单的​标题。

如果大家对编程,web前端感兴趣,想要了解学习,打算深入了解这个行业的朋友,可以加下我们的前端学习扣qun : 784783012 ,不论你是学生还是想

  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值