HTML表单及其元素

1.表单标签form(块级元素,会自动换行,将数据传给服务器)

常用属性:action(表单提交的地址ulr) id(唯一标识) name(名称) target(表单提交打开方式 ) method(提交的方式):get请求(参数直接跟在url后面,安全性差,传递数据量小,速度快,,有缓存) post请求(参数不跟在url后面,更安全,传输数据量大,速度慢,无缓存)

2.表单元素(表单元素都需要设置name属性值,否者数据无法传递)

input元素:type(表单元素的类型):text(文本框)  password(密码框)  radio:单选框,需要设置一组相同的name属性值          Checkbox,复选框,需要设置一组相同的name属性值 button:普通按钮        hidden:隐藏域,用来存放需要传递给服务器,但不需要显示的数据    file: 文件域,上传文件          date:日期框     submit:提交按钮     reset:重置按钮        image:图片按钮,提交图片

value(表单元素的值) checked(是否选中,单选框复选框) disabled(是否禁用) maxlength(允许输入的最大字符)

3.textarea元素(文本大小,双标签,值是中间的东西):rows(宽)cols(高)

4.label标签(设置label的for属性值与表单元素的id属性值对应,点击label光标会自动聚焦)

5.button标签:type属性:button(普通按钮)submit(提交按钮,默认值)reset(重置按钮)

6.select下拉选项:     

<select name =“”>

           <option   value="值">文本</option>

</select>

注:当option设置了value属性值时,提交的数据是value对应的值

若未设置value属性值,则提交的数据是文本值

常用属性:value 设置值           select   设置选中状态

7.常用字符实体:<  &lt                          >   &gt                   空格    &nbsp           版权符     &copy

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值