你所不知道的form表单中的一些属性

说明:form表单用于收集用户信息

form:表单标签,所有要提交的表单都放在里面
        action:指定提交目标
        method:提交方式,默认是get方式
            get:提交的数据在URL中可见,提交的数据有限制
            post:提交的数据在URL中不可见,另外就是提交大数据
        表单提交:
            input中的submit,submit的value也可以提交
            button,button只能提交除了它自己以外的数据
            注意:input中的button只有结合js才能实现数据的逻辑操作
        input:是表单最重要的组成部分,默认type类型是text文本
            name:指定名字,用来作为数据参数名字
            value:指定要显示文本,一般用在不能输入的类型中 ,比如:单选框或者复选框由于是单标签所以要指定传输的值
            placeholder:用于提示输入框要输入什么。比如:
            readonly:只读,设置后无法修改,无值
            disabled:禁用状态,可以不用写值
            size:设置宽度,只能设置宽度
            maxlength:限制最大输入字符个数

            type:指定input的类型
                  text:普通文本
                  submit:提交数据,默认是提交到本文件,提交按钮也可以提交,用于区分是谁提交或提交方式
                  password:密文文本
                  radio:单选框,需要配合name和value属性来使用,也可以通过id属性配合label标签的for属性优化用户体验
                      checked:选中单选框
                 checkebox:复选框,多个关联name属性值要一致
                     checked:选中
                 file:上传,要求method=“post",要使用name,要有编码格式enctype
                       enctype:编码格式,enctype = multipart/form-data
                 hidden:要隐藏的内容
                 select:下拉框
                     size:控制一次显示行数(高度或选项)
                     option:每个选项
                     selected:默认选中
                     value:提交的内容,不写默认提交双标签的内容
     
                textarea:文本域,可以输入多行文本
                    rows:行数
                    cols:列数
                    placeholder:占位,提示信息
                 注意:不要在该双标签中输入其他内容,否则会保存到文本域中

猜你喜欢

转载自blog.csdn.net/ryuhfxz/article/details/83098247