博客首文,纪念纪念!

一直以来都很想拥有自己的一个技术博客,但是由于自身的执行力不够高,拖着拖着到今天才申请了一个。简简单单地说就是我太懒了,平时没什么事的话都会选择出去玩,比较少宅在宿舍里研究研究自己感兴趣的东西。不过呢,既然在今天开通了CSDN上的博客,我想就是小小的进步啦。在这个网站里面,我知道存在着无数的大神,而我却只是一名对前端技术有稍微了解的渣渣。所以呢,我写的一些技术文章更多的是阶段性的学习总结,当然也会有生活的一些点点滴滴吧。

那么,话归正题,接下来我就总结一下从慕课网上学习HTML表单元素的知识吧。(以下的内容基本来源于慕课网的教程)

1.使用表单标签,可以与用户进行交互,可以把浏览者输入的数据传送到服务端。<from>就是定义表单的标签,它是成对出现的,有两个较为常见的属性:action和method

action是指浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php),method则是数据的传送方式(get/post)。

2.表单控件:常见的表单控件有文本框(text)、文本域(textarea)、按钮(button、submit、reset)、单选框(radio)、复选框(checkbox)等

 下面我就简单地说一下一些表单控件需要注意的地方吧,

(1)同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。

(2)下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。

(3)label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。

注:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值