HTML5中的表单

表单是form,通常用来向服务器提交数据,比如登陆界面,注册界面,修改界面等。要与表格table区分开(table一般用来做规范布局的和格式化数据)。

必备属性:
- action   表示要请求服务器的请求路径
- method   提交的方式
常用的提交方式有两个: 
get : get提交时,表单的内容会显示在地址栏上,相对来说,不安全,提交的内容大小在4k左右
post: post提交时,表单的内容不会显示在地址栏上,相对安全,提交的内容大小没有限制

在表单中会嵌入一些元素,比如文本框,密码框,单选框,复选框,下拉框,文本域等,这些元素可以称为之控件元素

input元素
	1. 文本框:type=text,
        可以指定id,name,value
        minlength: 最小长度,小于最小长度不能提交
        maxlength: 最大长度,大于最大长度添加不上
        size: 指定文本框的宽度,
        pattern: 用于指定一个正则表达式
        placeholder:事先在文本框上输入的提示信息
        readonly:  只读属性
    2. 单选框: type=radio
                    -1. 如果想要有单选的效果,那么单选框的name的值必须相同 
                    -2. 属性checked ,表示默认选择的。
    3. 复选框: type=checkbox
                - name相同的为一组
                - 属性checked,可以有多个,有多个默认选择的值
    4. 按钮的类型分为:
        - 1. 提交按钮
        type="submit"
        作用:是将表单的数据提交到action指定的服务器路径下
        - 2. 重置按钮
        type="reset"
        作用: 将表单的数据清空,或回复到默认
        - 3. 普通按钮
        type="button"
        - 4. 属性value,是用于指定按钮的文字的     
    5. 隐藏域
        type=hidden
    6. 文本选择框
        type=file
label元素
    作用:
    -1 ,可以将一些文字包起来,用于css设置样式
    -2. 可以扩大点击面,需要for属性,for指定的是谁,就相当于点击谁	
文本域:<textarea>
    name属性:用于指定提交时的关键字
    cols: 用于指定文本域的列数,也就是宽度
    rows:用于指定文本域的行数,也就是高度  
下拉菜单
            出生地的省份:
            <select name="province" id="">
                <option value="anhui">安徽</option>
                <option value="liaoning">辽宁</option>
                <option value="jilin">吉林</option>
                <option value="heilongjiang">黑龙江</option>
                <option value="guangdong">广东</option>
            </select>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

早柚子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值