详解HTML表单

本篇内容介绍了“详解HTML表单”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

成都创新互联公司为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名,让您的网站具备超强的网络竞争力!结合企业自身,进行网站设计及把握,最后结合企业文化和具体宗旨等,才能创作出一份性化解决方案。从网站策划到成都网站制作、成都网站设计, 我们的网页设计师为您提供的解决方案。

一、表单标签及属性

  • 标签就是表单标签,该标签用于在网页中创建表单区域,属于一个容器标签;

  • action:表单的属性之一,用于指示服务器上处理表单输出的程序;

  • method:表单属性之一,此属性告诉浏览器如何将数据发送给服务起,指定向服务器发送数据的方法,是用post或者get;

 
        

密码:

        

                                  

    

详解HTML表单

1.png

二、GET 方法和POST 方法的区别

Get方法:

  • GET 请求可被缓存;

  • GET 请求保留在浏览器历史记录中;

  • GET 请求可被收藏为书签;

  • GET 请求不应在处理敏感数据时使用;

  • GET 请求有长度限制;

  • GET 请求只应当用于取回数据;

POST方法:

  • POST 请求不会被缓存;

  • POST 请求不会保留在浏览器历史记录中;

  • POST 不能被收藏为书签;

  • POST 请求对数据长度没有要求;

三、表单元素

 
        

姓名:

        

邮箱:

        

地址:

        

性别:男 女

        

爱好:篮球 羽毛球 足球

        

今天星期:                            星期一                星期二                星期三                星期四                星期五                星期六                星期七                      

        

密码:

        

确认密码:

                  

                                               

    

以上代码的演示结果图为:

详解HTML表单

2.png

(1)标签

  • type属性:指定表单元素的类型,可选项有text、password、checkbox、radio、submit、reset、file、hidden、image和button,默认为text;

  • name属性:指定表单元素的名称;

  • value属性:可选,指定表单元素的初始值;

  • checked:指定按钮是否被选中;

  • size属性:指定表单元素的初始宽度;

  • maxlength属性:指定可在text或password元素中输入的最大字符数;

(2)三种按钮

  • reset按钮:重置按钮,将表单重置为最初状态;

  • submit按钮:提交按钮,用户单击按钮后,表单将会提交到action属性所指的URl,并传递表单数据;

  • button按钮:普通按钮,需要与事件关联使用;

四、表单的只读与禁用设置

  • readonly:只读,网站服务器方不希望用户修改的数据,这些数据在表单元素中显示;

  • disabled:禁用,只有满足某个条件后,才能选用某项功能;

  • 禁用的表单不会被提交。

“详解HTML表单”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网站栏目:详解HTML表单
分享路径:http://ybzwz.com/article/jgejes.html