HTML <table> 标签

border	pixels	规定表格边框的宽度。	STF
cellpadding	pixels %	规定单元边沿与其内容之间的空白。	STF
cellspacing	pixels %	规定单元格之间的空白。	STF

HTML 5 <form> 标签

action

定义一个 URL。

当点击提交button时。向这个 URL 发送数据。

method

用于向 action URL 发送数据的 HTTP 方法。默认是 get。

HTML <input> 标签的 type 属性

button	定义可点击button（多数情况下。用于通过 JavaScript 启动脚本）。
checkbox	定义复选框。
file	定义输入字段和 "浏览"button，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交button。
password	定义password字段。该字段中的字符被掩码。
radio	定义单选button。
reset	定义重置button。重置button会清除表单中的全部数据。
submit	定义提交button。提交button会把表单数据发送到server。
text	定义单行的输入字段，用户可在当中输入文本。默认宽度为 20 个字符。

HTML <input> 标签的 checked 属性

checked 属性规定在页面载入时应该被预先选定的 input 元素。

checked 属性与 <input type="checkbox"> 或 <input type="radio"> 配合使用。

HTML <option> 标签的 selected 属性

elected 属性规定在页面载入时预先选定该选项。

被预选的选项会显示在下拉列表最前面的位置。

综合案例：

<html>

	<head>

		<meta http-equiv="Content-type" content="text/html;charset=utf-8"/>

		<meta http-equiv="refresh" contnt="3;uri=http://baidu.com"/>

		<title> hello world!</title>

	</head>

	<body>

		<form action="#" method="get">

			<table align="center" border='0' cellspacing="10" cellpadding="10">

				<input type="hidden" name="id" value="id"/>

				<tr>

					<td>username：</td>

					<td><input type="text" name="userName" value="" /></td>

				</tr>

				<tr>

					<td>密码：</td>

					<td><input type="password" name="password" /><br/></td>

				</tr>

				<tr>

					<td>爱好：</td>

					<td>

						<input type="checkbox" name="hobby" value="film" checked="checked">电影

						<input type="checkbox" name="hobby" value="net">上网<br/>

					</td>

				</tr>

				<tr>

					<td>性别：</td>

					<td>

						<input type="radio" name="sex" checked="checked"/>男

						 <input type="radio" name="sex"/>女<br/>

					</td>

				</tr>

				<tr>

					<td>头像：</td>

					<td>

						<input type="file" name="img"/><br/>

						<select name="list">

							<option value="aaa">aaa</option>

							<option value="aaa" selected="selected">bbb</option>

							<option value="aaa">ccc</option>

						</select><br/>

					</td>

				</tr>

				<tr>

					<td>个人介绍：</td>

					<td><textarea rows="5" cols="20"></textarea><br/></td>

				</tr>

				<tr>

					<td colspan="2" align="center">

						<input type="submit" value="揭交"/>

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

					</td>

				</tr>

			</table>

		</form>

	</body>

</html>

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGlhbmc1NjMw/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

form表单和表格的更多相关文章

form表单reset表格并执行搜索
其中reset() 不需要定义 search():是你执行的搜索的函数 <html> <head> <title>sf</title></head ...
Unit 2.前端之html--table(表格),form(表单)标签
一.table标签作用:定义html表格.一个table标签元素至少包含 thead(表头),tbody(表主题),还可以有tfoot(表底部) html表格游table元素及一个或者多个tr,th ...
【HTML】--- 列表、表格、form表单标签
Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签概念把内容以列表的形 ...
vue+element创建动态的form表单.以及动态生成表格的行和列
动态创建form表单,网上有插件 (form-create) 不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言. 最后我使用了笨方法,针对各个表单写好通用的组件,然后根据type用v ...
HTML之表格标签和form表单
表格标签: table 一般用于信息展示 tr行 td文本单元格 th标题单元格(文本加粗) table属性: cellspacing:单元格间距,一般设置为0 cellpadding:文字到边框的距 ...
fsLayuiPlugin数据表格弹出form表单说明
fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作. GitHub下载码云下载测试环 ...
Vue + Element-ui实现后台管理系统(5)---封装一个Form表单组件和Table表格组件
封装一个Form表单组件和Table组件有关后台管理系统之前写过四遍博客,看这篇之前最好先看下这四篇博客.另外这里只展示关键部分代码,项目代码放在github上: mall-manage-syste ...
如何把整张表格的数据通过form表单的方式传回后台
开发背景: 前段时间遇到这么一个需求,就是把一整张表格的数据存储在数据库中,之后再渲染在页面中,还可以进行重新编辑. 例如下边的课程表(为了方便,所以都是软件工程). 我也是经过一段时间的思考,才实现 ...
数据表格，查询、导出共用一个form表单，实现文件流方式下载
在开发中遇到问题是这样的: 在维护老的管理系统的过程中,老板说让加导出功能:项目中,查询的筛选条件是用的表单提交的方式写的. 解决方案有两种: 一.用ajax方式导出 var array = $('# ...

随机推荐

android4.0移植，拨号异常
D/dalvikvm( 2274): GC_CONCURRENT freed 206K, 12% free 6571K/7431K, paused 2ms+3ms D/dalvikvm( 2274): ...
(step8.2.6)hdu 1848(Fibonacci again and again——组合博弈)
题目大意:输入3个整数m,n,p,分别表示3堆石头中的石头个数解题思路: 1)斐波那契数列的第16个数fib[16] == 1597 2)(sg[m]^sg[n]^sg[p]) .一定要加括号, ...
只启动一个zookeeper配置 server1只需要配置一个
[root@wx03 conf]# cat zoo.cfg # The number of milliseconds of each tick tickTime=2000 # The number o ...
设计模式（三）建造者模式Builder（创建型）
1. 概述在软件开发的过程中,当遇到一个“复杂的对象”的创建工作,该对象由一定各个部分的子对象用一定的算法构成,由于需求的变化,复杂对象的各个部分经常面临剧烈的变化,但将它们组合在一起的算法相对稳定 ...
mysql各版本区别
MySQL 的官网下载地址:http://www.mysql.com/downloads/ 在这个下载界面会有几个版本的选择. 1. MySQL Community Server 社区版本,开源免费, ...
linux i2c驱动架构-dm368 i2c驱动分析
linux i2c驱动架构-dm368 i2c驱动分析在阅读本文最好先熟悉一种i2c设备的驱动程序,并且浏览一下i2c-core.c以及芯片提供商的提供的i2c总线驱动(i2c-davinc ...
Android_Service组件详解
1.Service概述 Service服务是一个没有用户界面的在后台运行执行操作的应用组件,其它组件可以通过Intent意图启动这个Service去完成特定的功能,比如通过Service可以完成播放音 ...
android如何用adb shell启动应用程序
昨天研究了很久,可能由于基础比较菜吧,所以,没有搜到一个可以直接解决问题的,需要综合几个之后,问题得以解决,记下方法,为了方便自己之后遇到同样问题,也为了方便搜索同样问题的朋友. 主要用到了aapt和 ...
TIA Portal V12不能添加新的CPU
4核AMD 740,10G内存,Win7 X64,打开TIA Portal V12,依旧慢如牛,鼠标指针转啊转,TIA窗口写着无响应... 真没志气,STM32要是玩转了,坚决不用这老牛. 上图为正 ...
ios基础-编程规范
养成良好的编程习惯,是開始一门新语言的首要前提. (一)文档结构规范 1.建立Libs目录,存放第三方库 2.建立Tools目录,存放自己封装的类库 3.建立ViewControllers目录,存放全 ...

form表单和表格