表单制作有两种实现形式技术型就是HTML5语言css等制作而成的炫酷页面，统称为H5就是落地页了这种事企业自己制作的使用现有模板因为在一个非技术公司自己制作落地页不实在，利用其它free工具是节约成本的有效办法吧秀赞maka等的就是制作表单和H5落地页的，本身所具有的表单模板丰富而且精美；lt！DOCTYPE htmllthtmllthead ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltstyle type=quottextcssquot inputtype=#39radio#39， inputtype=#39checkbox#39， label cursor pointer ltstyleltheadltbody ltform action=quot地址quot methed=quotpost；1智能表单表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现一些如内容提示焦点处理数据验证等功能，也可以；新增表单元素用于表单的密钥对生成器字段 不同类型的输出，比如脚本的输出新增表单属性autocomplete 自动完成 novalidate不验证数据 formaction 用于描述表单提交的URL地址，会覆盖 元素中的action属性formenctype 表单提交到服务器的数据编码 只对form表单中 method=quotpostquot 表单formmethod 表单提交；HTML5 拥有若干涉及表单的元素和属性 datalist keygen output 浏览器支持 datalist 元素 datalist 元素规定输入域的选项列表 列表是通过 datalist 内的 option 元素创建的 如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 idkeygen 元素 keygen 元素的作用是提供一种；HTML5表单是用户与网站进行交互的基石，通过它们，用户可以输入信息并将其安全地传递到服务器表单由基本元素构成，包括窗体框架，控件输入框按钮以及数据提交方式的选择表单元素详解 表单标签承载控件的HTML结构，是表单的骨架 输入控件核心元素包括 文本输入 密码输入 单选。

2，multipartformdata，指定传输数据的特殊类型，主要就是上传的非文本内容，比如文件图片3，textplain，纯文本传输formmethod 重写表单的method属性 formnovalidate重写表单的novalidate属性 formtarget重写表单的target属性比如html view plain copyltform action=quottesthtmlquot method=quotget；表单结构更灵活要提交数据的控件可以布局在form标签之外，看下面的代码，表单元素可以写到form元素之外，只需在元素中加入form=quotform1quot属性，也可提交到form元素指定的服务器地址新增表单元素我们以前学过的表单元素包括“text”“button”“file”quotradioquot等，html5中新增加了一些表单元素，下面列出。

常用的表单控件 1label控件 顾名思义，label控件用来为每个表单元素添加有意义的描述，并且，单击它将导致相关联的表单元素获得焦点因此，label控件可以优雅地扩大表单元素的点击区域，能够改善表单的易用性和可访问性2input控件 input控件是单行输入型控件，用来接受用户输入的信息可以在form元素的；用html5的localStorage方法就可以实现本地存储 lt！DOCTYPE html lthtml lang=quotenquot xmlns=quotlthead ltmeta charset=quotutf8quot lttitlelttitleltheadltbodyltdivnameltinput type=quottextquot ltdivltdivageltinput type=quottextquot ltdivltdiv；HTML5表单中的wrap属性主要用在lttextarea多行文本框中来控制换行规则，具体属性说明见图；id=quotusernamequot pattern=quotazAZ 5，quotmaxlength=quot30quot required 设置表单的验证消息，并结合class属性样式将其隐藏起来 ltdiv 这里的datarule的属性值是HTML5表单中内置的验证规则中的一种 ltspan datarule=quotvalueMissingquotclass=quothidequot用户名不能为空ltspan ltspan datarule=。

下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了lthtml xmlns=quot quot lthead ltmeta；在HTML5中，引入了一些新的表单属性，以增强表单的交互性和数据处理能力其中，acceptMIME_type属性在HTML5中并未得到支持，可能需要寻找其他方式来实现相应的功能acceptcharset属性用于定义服务器能够处理的表单数据字符集，比如charset_list，这对于确保数据传输的兼容性非常重要action属性则规定了表单；本地日期时间ltinput type=”datetimelocal”属性 描述 值 这是HTML里input元素的通用属性就是输入框里的数据min 日期或时间的最小值 max 日期或时间的最大值 step 步长不同的类型有不同的缺省步长Date – 缺省是1天 Week – 缺省是1周 Month – 缺省是1月 Time –；HTML5新增的表单控件提供了更好的输入控制和验证，主要内容如下 emailurlnumberrangeDate pickers date， month， week， time， datetime， datetimelocalsearchcolortel等类型的输入控件 更丰富的input种类，如颜色选择控件时间日期选择控件电子邮件输入控件等 可以在页面上；可用于在表单中接受用户的输入，其元素中的ltoption标签主要用于定义列表中的可用选项例通过select实现下拉菜单案例 ltselect style=quotwidth100pxheight30pxquot ltoption打球ltoption ltoption运动ltoption ltoption看电视ltoption ltselect效果图如下select所具有的属性select在HTML5中。