栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

HTML5中的表单

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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指定的是谁,就相当于点击谁	
文本域: