如何使用html中标签制作表单-创新互联

这篇文章主要介绍了如何使用html中标签制作表单,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联长期为近千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为昌乐企业提供专业的成都网站建设、网站制作,昌乐网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。表单标签:form
表单标签的主要作用是:在HTML页面中创建一个表单,在用户填写完表单信息后,将数据提交给服务器。需要填写数据的标签必须要放在表单标签体里面。

常用的属性:
    action:请求路径,在该属性中确定表单数据提交的服务器地址。
    method:请求方式。常用的请求方式有:get,post。
        get(默认):1.get的请求的数据有限
                    2.提交的表单数据是追加在请求的路径上,如:regist.action?username=jack&password=1111。
追加是在请求地址的后面加上?连接。之后每一对数据使用&连接。
        post:1.提交的数据不在请求路径上追加,不显示在地址栏上。
            2.理论上,post请求的数据量是无限的。
输入域标签:input
输入域标签用于获得用户输入的信息,type属性的值不同,获取的方式也就不一样。
    常用属性:
        type属性  
            text:文本框,单行输入字段,用户可以在其中输入文本,
            password:密码框,该输入框中的输入字符将会以黑圆显示。
            radio:单选框,表示一组互斥选项按钮中的一个,当一个按钮被选中,之前的按钮就会变为非选中。
            checkbox:多选按钮。
            file:文件上传组件
            hidden:隐藏字段,数据会发送给服务器,但浏览器不会显示。
            reset:重置按钮,将表单恢复到默认值。
            submit:提交按钮,提交按钮会把表单数据发送到服务器。
    name属性:元素名,必须要提供name属性,表单数据才会提交到服务器中。服务器通过该值来获取数据。
    value属性:设置input标签的默认值,
    size属性:设置输入框的大小
    checked属性:单选框或复选框被选中。
    readonly:是否只读。
    disable:是否可用。
下拉列表标签:select
下拉列表标签,提供一些选项,来选中其中的一项或多项。需要配合子标签

示例代码:




    
    表单标签


    
    
用户名:
密  码:
确认密码:
性别:
兴趣爱好:写博客 写代码 看源码
文件:
居住城市:



效果如下:

如何使用html中标签制作表单

感谢你能够认真阅读完这篇文章,希望小编分享如何使用html中标签制作表单内容对大家有帮助,同时也希望大家多多支持创新互联建站,关注创新互联网站制作公司行业资讯频道,遇到问题就找创新互联建站,详细的解决方法等着你来学习!


当前名称:如何使用html中标签制作表单-创新互联
链接地址:http://hbruida.cn/article/cedpds.html