表单是网页与用户的交互工具，由一个元素作为容器构成，封装其他任何数量的表单控件，还有其他任何元素里可用的标签，表单能够包含、、、<fieldset>、<legend>、<label>等表单控件元素。<strong>表单元素有哪些呢？</strong>它包含了如下的这些元素<form>，<input>输入文本框，<button>按钮，<option>定义下拉菜单，<select>，<textarea>文本区等等，当然在html5中又新增了一些元素。通过下面的内容<strong>总结了各种html表单元素获取和用法实例！</strong></span></p> <p><span style="font-size: 16px;"><strong><span style="line-height: 1.76em; color: rgb(255, 0, 0);">一、HTML5中新增表单元素及使用实例</span></strong></span></p> <p><span style="line-height: 1.76em;"></span>1. <a href="//m.sbmmt.com/html5-tutorial-362359.html" target="_self">总结HTML5中新表单元素的使用方法及实例教程</a></p> <p><img src="https://img.php.cn//upload/image/403/748/826/1496218090228125.jpg" title="1496218090228125.jpg" alt="15.jpg"></p> <p><span style="line-height: 1.76em;"></span></p> <p>HTML5 新表单元素</p> <p><datalist> ： <input>标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。</p> <p><keygen> ： <keygen> 标签规定用于表单的密钥对生成器字段。</p> <p><output> ： <output> 标签定义不同类型的输出，比如脚本的输出。</p> <p><span style="line-height: 1.76em;"></span>2.<a href="//m.sbmmt.com/html5-tutorial-346143.html" target="_self">HTML Form表单元素全面了解</a></p> <p>datalist元素规定输入域的选项列表。<span style="line-height: 1.76em;">列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域，请用输入域的list 属性引用datalist的id。</span></p> <p><span style="line-height: 1.76em;">keygen元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。</span></p> <p><span style="line-height: 1.76em;">output元素用于不同类型的输出，比如计算或脚本输出。</span></p> <p><span style="line-height: 1.76em;"><br></span></p> <p><span style="font-size: 16px; color: rgb(255, 0, 0);"><strong><span style="font-size: 16px; line-height: 1.76em;">二、PHP中表单元素的详解</span></strong></span></p> <p>1. <a href="//m.sbmmt.com/php-weizijiaocheng-360439.html" target="_self">PHP表单元素介绍之选择域标记和文字域标记</a></p> <p><img src="https://img.php.cn//upload/image/549/114/338/1496218709292713.png" title="1496218709292713.png" alt="9.png"></p> <p>通过选择域标记<select>和<option>可以建立一个列表或者菜单。菜单的使用是为了节省空间，正常状态下只能看到菜单的一个选项，单击右侧的下三角按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项。如果超出了这个数量，会自动出现滚动条，浏览者可以通过拖动滚动条来查看各个选项。</p> <p><a href="//m.sbmmt.com/php-weizijiaocheng-360437.html" target="_self">2. PHP表单元素介绍之输入域标记 <input></a></p> <p><img src="https://img.php.cn//upload/image/826/995/258/1496218798413793.png" title="1496218798413793.png" alt="10.png"></p> <p>输入域标记 <input> 是表单中最常用的标记之一。常用的输入域标记 <input> 有文本框、按钮、单选按钮、复选框等等。</p> <p>3.<a href="//m.sbmmt.com/php-sourcecode-154372.html" target="_self">PHP处理Checkbox多选框表单元素的例子</a></p> <p>Checkbox的值获得与普通的input获得方法是不一样，需要给checkbox一个统一的数组形式的Name，例如mycheckbox[]，对的就是PHP中定义数组的一种方式。然后在后台获取这个数据，例如POST表单的$_POST[‘mycheckbox’]，此时这个数据已经是一个数组了。</p> <p><span style="color: rgb(255, 0, 0); font-size: 16px;"><strong>三、javascript和jquery获取和使用表单元素</strong></span></p> <p>1. <a href="//m.sbmmt.com/js-tutorial-55658.html" target="_self">javascript 获取表单元素的几种方法</a></p> <p>第一种方法,通过元素的name获取</p> <p>第二种方法：通过元素的index获取</p> <p>第三种方法：通过元素的id获取</p> <p>2. <a href="//m.sbmmt.com/js-tutorial-22593.html" target="_self">jQuery 处理表单元素的代码</a></p> <p>1）.获取input类的值： $("input").val(); <br><br>2）.获取textarea类的值: $("textarea").val(); <br><br>3）.获取select类的值：$("select").val(); <br><br>当表单上含有多个input类（或者textarea类和select类），使用上述方法得到的将是一个数组。当然，你可以给这些控件加上ID，从而对某个特定的控件取值，例如：$("input#myID").val()。 </p> <p><span style="color: rgb(255, 0, 0); font-size: 16px;"><strong>表单元素的相关问答：</strong></span></p> <p>1. <a href="//m.sbmmt.com/wenda/69446.html" target="_self">前端 - 移动端点击表单元素页面相对移动的问题？</a></p> <p>2. <a href="//m.sbmmt.com/wenda/55206.html" target="_self">javascript - react中使用React-bootstrap表单元素控件，如何获取其内部的值</a></p> <p>3. <a href="//m.sbmmt.com/wenda/46400.html" target="_self">javascript如何获取表单元素select</a></p> <p>【相关推荐】</p> <p>1. <a href="//m.sbmmt.com/course/372.html" target="_self">php.cn原创html5视频教程</a></p> <p>2. <a href="//m.sbmmt.com/course/379.html" target="_self">《php.cn独孤九贱（4）－php视频教程》</a></p> <p>3. <a href="//m.sbmmt.com/course/386.html" target="_self">php.cn独孤九贱（3）－JavaScript视频教程</a></p>
