form表单和表格
HTML <table> 标签
| border | pixels | 规定表格边框的宽度。 | STF |
| cellpadding |
|
规定单元边沿与其内容之间的空白。 | STF |
| cellspacing |
|
规定单元格之间的空白。 | 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 = $('# ...
随机推荐
- Codeforces 85D Sum of Medians(线段树)
题目链接:Codeforces 85D - Sum of Medians 题目大意:N个操作,add x:向集合中加入x:del x:删除集合中的x:sum:将集合排序后,将集合中全部下标i % 5 ...
- Case of the Zeros and Ones
Time Limit:1000MS Memory Limit:262144KB 64bit IO Format:%I64d & %I64u Description Andrew ...
- Http方式获取网络数据
通过以下代码可以根据网址获取网页的html数据,安卓中获取网络数据的时候会用到,而且会用Java中的sax方式解析获取到数据.(sax解析主要是解析xml)具体代码如下: package com.wy ...
- 转载python并行运算实例
Python的并发处理能力臭名昭著.先撇开线程以及GIL方面的问题不说,我觉得多线程问题的根源不在技术上而在于理念.大部分关于Pyhon线程和多进程的资料虽然都很不错,但却过于细节.这些资料讲的都是虎 ...
- -F, --flush-logs
<pre name="code" class="html"> -F, --flush-logs Flush logs file in server ...
- Vbox视图热键
Vbox屏幕热键 在Vbox中一般host主键会默觉得"右Ctrl",例如以下图所看到的,在选择自己主动调整窗体后,"视图"选项栏会消失.这时若想更改视图设置能 ...
- 【j2ee】div浮动层拖拽
背景:近期项目中需要实现弹出浮层增加数据,并且浮动层可以拖拽 解决步骤:1.浮动层实现 2.拖拽实现 多方查资料,基本实现功能,现做demo,便于以后使用 先上图片大体展示实现效果: 再上代码,展示 ...
- fcntl()
fcntl() F_GETFL--------------------------------------------- 将文件状态标志作为函数值返回. 文件状态标志: ...
- Get started - UIkit documentation
Get started - UIkit documentation Get started Get familiar with the basic setup and structure of UIk ...
- 开源数据库连接池之C3P0
本篇介绍几种开源数据库连接池,同时重点讲述如何使用C3P0数据库连接池. 之前的博客已经重点讲述了使用数据库连接池的好处,即是将多次创建连接转变为一次创建而使用长连接模式.这样能减少数据库创建连接的消 ...