输入框的语句学习

210 阅读2分钟

<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+下箭头=移动当前整行