HTML语言——表单设计

     表单设计

专注于为中小企业提供成都做网站、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业长兴免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

1   表单标记  

1.1   什么是

1.3   常用属性

1.3.1   name   表单名称

1.3.2   method   传送数据的方式，分为post和get两种方式

   get   get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性

   post   post方式提交时，将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制   

2.1.3.3   acrion   表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定其属性为"no"

1.3.4   enctype  设置表单的资料的编码方式

1.3.5   targer   和超链接的属于类似，用来指定目标窗口

2   文本域和密码   标记

2.1   标记没有结束标记

2.2   基本语法

2.3   属性介绍

2.3.1   type属性   type属性有两个值

   text   当type="type"时，表示一个文本输入域

   password   当type="password"时，表示一个密码输入域

2.3.2   name属性   定义控件的名称

2.3.3   value属性   初始化值，打开浏览器时，文本框中的内容

2.3.4   size属性   设置控件的长度

2.3.5   maxlength属性   输入框中最大允许输入的字符数

3   提交、重置和普通按钮

3.1   提交按钮

   当时，为提交按钮

3.2   重置按钮

   当时，为重置按钮

3.3   普通按钮

  当时，为普通按钮

4   单选框和复选框

4.1   单选框

  当时，为单选框

4.2   复选框

   当时，为复选框

4.3   注意

  单选框和复选框都可以使用"cheked"属性来设置默认选中项

5   隐藏域

  当时，为隐藏表单域

6   多文本文域 

6.1   用法

  使用标记可以实现一个，能够输入多行文本的区域</p><p>6.2   语法格式</p><p>  <textarea name="name" rows="value" cols="value" value="value">...   ...<textarea></p><p>6.3   rows属性和cols属性分别用来指定，显示的行数和列数，单位是字符个数</p><p>7   菜单下拉列表域   <select>标记</p><p>7.1   语法格式</p><p> <select name="" size="value" multiple></p><p>   <option value="value" selected>选项1</option></p><p>   <option value="value">选项2</option></p><p>   <option value="value">选项3</option></p><p>   ...   ...</p><p>   </select></p><p>7.2   属性</p><p>7.2.1   multiple属性   multiple属性不用赋值，其作用是，表示用可以多选的下来列表，如果没有这个属性就只能单选</p><p>7.2.2   size属性   设置列表的高度</p><p>7.2.3   name属性  定义这个列表的名称</p><p>7.3   option标记</p><p>7.3.1   <option>标记用来指定列表中的一个选项，需要放在<select></select>之间</p><p>7.3.2   值</p><p>   value   给选项赋值，指定传送到服务器上面的值</p><p>   selected   指定默认的选项</p> <br> 文章题目：HTML语言——表单设计 <br> 浏览路径：<a href="http://6mz.cn/article/jssopj.html">http://6mz.cn/article/jssopj.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dgjidoh.html">手机linux命令窗口 手机linux命令行工具</a> </li><li> <a href="/article/dgjidco.html">html5倒数计时 js倒数计时器</a> </li><li> <a href="/article/dgjidce.html">分割线CSS样式 css竖线分割符</a> </li><li> <a href="/article/dgjidch.html">linux命令台发送文件 linux发送文件夹到另一台机器</a> </li><li> <a href="/article/dgjiddp.html">笔记本电脑局部选择快捷键 笔记本局部截图快捷键是什么</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上快上网。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求