用护卫神做共享网站,wordpress 选择服务器,windows优化,东营城镇建设规划网站表单是网页中最常见的元素#xff0c;也是用户和我们交互的重要手段#xff0c;在网站中的登录、注册、信息更新这些功能都是依赖表单实现的。在HTML中对于表单提供了一系列的标签#xff0c;即输入框、下拉框、按钮、文本域#xff0c;如下是一个最常见的表单结构内容也是用户和我们交互的重要手段在网站中的登录、注册、信息更新这些功能都是依赖表单实现的。在HTML中对于表单提供了一系列的标签即输入框、下拉框、按钮、文本域如下是一个最常见的表单结构内容 1 form method action enctypemultipart/form-data(提交表单中有文件设置)2 !-- 输入框-文本框 --3 input typetext name文本框名称/4 !-- 输入框-密码框 --5 input typepassword name密码框名称/6 !-- 输入框-单选按钮通常是一对 --7 input typeradio name单选按钮名称 value单选按钮值/描述文本页面显示内容8 !-- 输入框-复选框通常是 name属性相同的一组 --9 input typecheckbox name复选框名称 value复选框值/描述文本页面显示内容
10 !-- 输入框-文件域注意此时必须设置表单的 enctype 属性 --
11 input typefile name文本框名称/
12 !-- 下拉列表 --
13 select name下列框名称
14 option value下拉列表选项值通常是一组下拉列表选项页面显示内容 /option
15 /select
16 !-- 按钮-普通 --
17 input typebutton name按钮名称 value按钮页面显示文字
18 !-- 按钮-提交 --
19 input typesubmit name按钮名称 value按钮页面显示文字
20 !-- 按钮-重置 --
21 input typereset name按钮名 value按钮页面显示文字
22 /form View Code表单结构 1 form action methodPOST enctypemultipart/form-data
2 用户名input typetext nameusername/
3
4 input typesubmit name提交按钮/
5 /form 如上是一个最简单的表单结果在表单结构中需要我们掌握的内容除了表单相关的标签外就是表单的属性。action 属性指向服务器处理表单的程序地址而method属性指定浏览器处理表单的方式常用的方法包括GET、POST如下是我们总结的一些关于这两种方式的区别
GET这种方法在表单提交的时候比较快但是表单中的数据会显示在浏览器的地址栏中所以这种方式不太安全。
POST这种方法在提交表单的时候会对表单内容进行封装不会显示在地址栏中所以这种方式比较安全不过在速度上不如GET方式。
输入框 p用户名input typetext nameusername/
/p
p密 码input typepassword namepassword/
/p
p性 别input typeradio namesex/男input typeradio namesex/女
/p
p爱 好input typecheckbox namehobbies/读书input typecheckbox namehobbies/打游戏input typecheckbox namehobbies/旅游input typecheckbox namehobbies/爬山
/p
p上传文件 input typefile nameuploadfile/
/p
p隐藏域 input typehidden nameuserid value0000011101010/
/p 如上就是表单的中输入框内容输入框依赖的是input标签不同的输入框实现是通过它的type属性实现的关于type属性的值包括可用的选项包括 text普通文本输入、password密码框 、checkbox复选框、radio单选按钮、submit提交按钮、reset重置按钮、file(文件域)、hidden隐藏域默认为 text。
按钮 pbutton typebutton普通按钮/buttonbutton typesubmit提交按钮/buttonbutton typereset重置按钮/button
/p
pinput typebutton value普通按钮/input typesubmit value提交按钮/input typereset value重置按钮/
/p 如上就是表单中实现按钮的方式可以通过button标签也可以通过input标签不论使用哪种方式我们都会发现这些按钮都可以分为三类即普通按钮、提交按钮、重置按钮指定按钮形式都是依赖type属性指定的。在这里需要注意的是button按钮指定描述文本是在标签中的描述文本而input标签指定按钮的描述文本是通过value属性。
下拉框 p省select nameprovinceoption selected--- 请选择 ---/optionoption value0001河北省/optionoption value0002山西省/optionoption value0003陕西省/option/select
/p 下拉框可以方便用户输入具体的内容如上所示。
文本域 textarea namecontent cols80 rows10测试
/textarea 文本域可以让我们输入大段的文字需要注意的是文本域和输入框不同的地方是文本域的默认值是标签中的文本输入框是通过value属性指定的。 更多专业前端知识请上
【猿2048】www.mk2048.com
