<html>

 <head>

  <title> form表单的使用 </title>

  <!--

  标签名称：form 表单标签

  属性：action:提交的去向,目标地址的url

		method:设置提交请求的方式。get和post；默觉得get

		get和post提交有什么差别？------------------------

		get传输：将内容信息放在地址栏传输，并且长度限制在1k,并且安全性不好。

post传输：将内容房子body信息中传输。

没有长度限制。

  子标签：

	input标签：须要提交当中的value。必须有一个name属性。

	属性：type：password 等

	//------------

	通过以下的实例的演示。发如今某些情况下能够用form去做链接，并且做链接的同一时候还能提交数据到

	这个目标的地址文件上。

	fieldset标签：定义域

	legend标签：定义域的标题

  -->

 </head>

 <body>

 <fieldset>

 <legend>form表单标签，子标签实例：</legend>

 <form action="01列表.html"  method="get">

	  <table  border="1px" width="800px">

	  	<tr>

		列表标签：<br>

			<select name="cars">

			<option value="volvo">Volvo</option>

			<option value="saab">Saab</option>

			<option value="fiat" selected="selected">Fiat</option>

			<option value="audi">Audi</option>

			</select><br>

		</tr>

		<tr>

		复选框实例：<br>

			我喜欢自行车：

			<input type="checkbox" name="Bike">

			<br>

			我喜欢汽车：

			<input type="checkbox" name="Car"><br>

		</tr>

		<tr>

		单选button：<br>

		男性：

			<input type="radio" checked="checked" name="Sex" value="male">

			<br>

			女性：

			<input type="radio" name="Sex" value="female">

			</form>

			<p>当用户点击一个单选button时，该button会变为选中状态，其它全部button会变为非选中状态。</p>

		</tr>

		<tr>

		文本域：<br>

		<textarea rows="10" cols="30">文本域标签的使用</textarea>

		</tr>

		<tr>

		</tr>

		<tr>

		</tr>

		<tr>

			<td>账号：</td>

			<td>

				<input name="userid">

			</td>

		</tr>

		<tr>

			<td>密码：</td>

			<td>

				<input name="pwd">

			</td>

		</tr>

		<tr>

			<td>

				<input type="submit" value="确认提交"/>

			</td>

			<td>

				<input type="reset" value="重置"/>

			</td>

		</tr>

	  </table>

  </form>

  </fieldset>

 </body>

</html>

仅仅要是有name和value属性的标签都能够放在form内部，同一时候也能够将这些标签的数据提交到还有一个url。

HTML的表单form以及form内部标签的更多相关文章

  1. jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址

     一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxF ...

  2. ajax和servlet交互，表单日历插件，表单验证，form.js

    我的index.jsp <body> <a>点我获取数据</a> <table border=1px> <tr> <td>ID& ...

  3. Form表单插件jquery.form.js

    常常使用到这个插件,但是老忘记怎么使用,现在对大家写的进行一定的整合. 使用插件实例: 一般的使用方法 <!-- 引入jquery文件 --> <script src="h ...

  4. jquery提交form表单插件jquery.form.js

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. jQuery插件 -- Form表单插件jquery.form.js<转>

    jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmi ...

  6. HTML 表单和输入<form><input>

    HTML <form> 标签 定义和用法: <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. ...

  7. （转）jQuery插件 -- Form表单插件jquery.form.js

    beforeSubmit: validate function validate(formData, jqForm, options) { //在这里对表单进行验证,如果不符合规则,将返回false来 ...

  8. 9月8日HTML表单元素（form、文本、按钮、选择）

    表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...

  9. [php基础]PHP Form表单验证:PHP form validator使用说明

    在PHP网站开发建设中,用户注册.留言是必不可少的功能,用户提交的信息数据都是通过Form表单提交,为了保证数据的完整性.安全性,PHP Form表单验证是过滤数据的首要环节,PHP对表单提交数据的验 ...

  10. 表单提交 fastadmin form

    1.引入form组件 require(['form'], function(Form){}); 2.生成form元素 3.绑定事件之验证(也可以绑定总表单事件Form.events.bindevent ...

随机推荐

  1. Nginx报错-找不到路径

    前言 最近在git bash里输入命令启动Nginx服务,总提示找不到路径,令我困惑不已        我反复检查安装路径和输入命令,确认无误    小技巧:复制路径可直接ctrl+c后在git ba ...

  2. ReverseEngineerCodeFirst 自定义模板

    1.在你要生成的项目里面在根目录下面添加CodeTemplates文件夹,并在该文件夹下面创建子文件夹ReverseEngineerCodeFirst 2.在ReverseEngineerCodeFi ...

  3. Spring boot (12) tomcat jdbc连接池

    默认连接池 tomcat jdbc是从tomcat7开始推出的一个连接池,相比老的dbcp连接池要优秀很多,spring boot将tomcat jdbc作为默认的连接池,只要在pom.xml中引入了 ...

  4. CSS的常用属性（三）

    静态定位 position: static (默认) 标准流 绝对定位 position: absolute 特点: 元素使用绝对定位之后,不占据原来的位置(脱标) 元素使用绝对定位,位置是从浏览器出 ...

  5. amcharts简单demo（仪表盘）

    最近项目中展示数据有用到amcharts,一个小demo例子. <script src="<%=basePath%>amchart/amcharts.js" ty ...

  6. Java_Web之JSTL和EL

    今天学了JSTL和EL,替换了以前for循环,感觉代码越来越少了,十分方便.JSTL和EL密不可分. 一.什么是EL表达式? 什么是EL EL即Expression Language(表达式语言) E ...

  7. 读白帽子web安全笔记

    点击劫持 frame buseting if (top.location != location) { top.location = self.location } html5的sandbox属性   ...

  8. 面试回答问题要防范hr的陷阱

    面试技巧是大众化的,比较实在.在经历的各种面试中,最不容易防范的面试就是“拉呱”(山东方言,聊天的意思),这样子自己容易放松警惕. 看看下面的,就知道应该怎么应对这些“滑头”的HR! 1.我们为什么要 ...

  9. element ui table（表格）点击一行展开

    element ui是一个非常不错的vue的UI框架,element对table进行了封装,简化了vue对表格的渲染. element ui表格中有一个功能是展开行,在2.0版本官网例子中,只可以点击 ...

  10. MySQL NULL 值如何处理？

    我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时,该命令可能就无法正常工作. 为了处理这种情况,MySQL提 ...