<input type="" vlaue="" name="" size="" maxlength="">
type=""类型,可以是text(默认情况),passord,checkbox,radio,sumit,reset,file,hidden,image,button
value=""元素初始值;
name=""指定表单元素名称,描述性作用,尽量使用一致的名称;
size=""默认长度文本框;text和password中,对应文本长度;其他情况下,对应px;
maxlength=""限制输入最大长度。
单选框
<input type="radio">
1.使用相同的name属性可以实现二选一(通俗理解为代号,名称)。
2.value需要有值(通俗理解为后台抓取的数据,显示在网页的文字)。
3.使用checked/checked="checked"可以实现默认选中的效果。
复选框
<input type="checkbox">
value需要有值。
提交(需要使用form表单包裹才有效)
<input type="submit" value="提交" name="tj">
(数据名称name是tj;数据值value是提交)
<input type="image">(提交内容是由上往下的xy轴点击坐标)
重置
<input type="reset" value="重置" name="cz">
(数据名称是cz;数据值是重置)
列表框
<select name="" size="">
<option value="" selected/selected="selected">内容</option>
提交功能在form增加的元素
<form method="" action="">
form起包裹作用,将内容传送给后台;
method默认为get,所有输入内容都会在地址栏显示(使用Open with Live Server查看);
method选择post,所有输入内容为加密;
action用于向何处发送数据。
多行文本域
<textname name="" cols="列" rows="行" >
cols和rows控制大概范围,并不100%吻合。
文件域
<form method="post" encytype="multpart/form-data">
<input type="file" name="数据名称" >
<input type="submit" name="submit" value="提交" >
</form>
上传文件时,method一般使用post加密,encytype为编码属性。
隐藏域
<form>
<input type="hidden" name="yc" value="看不加">
当不想让用户在页面看见,只是单纯的向后台发送数据时,可使用hidden。
只读
<input type="" name="" value="" readonly>
当使用readonly时,用户只能看到文字,不能进行修改。
禁用
<input type="" name="" value="" disabled>
把type的原本功能禁用,适用情况:还没把表单内容填写好,就点击提交按钮。
表单元素的标注
<input type="radio" id="id1">
<labor for="id1">内容</labor>id和for后的内容保持一致
1、增强鼠标可用性;
2、自动将重点转移至与标注相关的元素(可以不点击小圆点,直接点击文字内容)。
小技巧
alt+下箭头=移动当前整行