web前端：html
1、理解表单的做用html
一、web 应用程序不单单是给用户显示数据，还应该给用户提供一个能够输入数据的图形用户界面。表单的主要做用在于在网页上提供一个图形用户界面，已采集和提交用户输入的数据。web
二、html表单元素和属性能够分为两种类型：浏览器
（1）定义表单总体结构，使浏览器知道如处理表单数据的元素；安全
(2) 建立输入控件的元素。post
三、最小的表单格式字体
<form>标记最小格式（<form action=“表单处理程序的url” method=“get|post”>）编码
四、http get协议url
(http：//www.example.com/forums.cgi?id=1234&data=guest)spa
http post协议orm
http post 方法将数据在http数据流中编码发送。所以，对用户来讲是不可见的，是一个较为安全的传递数据的方法，可是比较难实现。可是html表单和不少其它web技术使经过post传递数据变的很容易
五、使用输入控件
1 inpu：该元素使用type属性定义不一样的控件，包括文本和口令字段、复选框、单选框、提交和重置按钮、隐藏域和图像
2 select和option：两者组合使用，建立一个下拉列表
3 textarea：建立一个多行输入的文本框
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1">
<tr>
<th colspan="4" bgcolor="aqua" >机票信息查询</th>
</tr>
<tr>
<td bgcolor="#7fffd4">查询年份：</td>
<td style="width: 400px" bgcolor="#a9a9a9">
<select name="year" id="year">
<option value="">2014</option>
<option value="">2015</option>
<option value="">2016</option>
<select>
机票状态
<select name="year" id="year" style="width: 100px">
<option value=""></option>
</select>
</td>
<td bgcolor="#7fffd4">模糊查询：</td>
<td style="width: 400px" bgcolor="#a9a9a9">
<input type="text" id="firstname">
</td>
</tr>
<tr>
<td bgcolor="#7fffd4">支付方式：</td>
<td bgcolor="#a9a9a9">
<select name="food" id="food" style="width: 150px"></select></td>
<td bgcolor="#7fffd4">航空公司：</td>
<td bgcolor="#a9a9a9">
<select name="food" id="food" style="width: 200px"></select></td>
</tr>
<tr>
<td bgcolor="#7fffd4">机票经手：</td>
<td bgcolor="#a9a9a9">
<select name="food" id="food" style="width: 250px"></select></td>
<td bgcolor="#7fffd4">未尽事宜：</td>
<td bgcolor="#a9a9a9">
<input type="checkbox" name="city" id="sh" style="width: 20px" />
<input type="text" id="firstname"/></td>
</tr>
<tr>
<td bgcolor="#7fffd4">证件状态：</td>
<td bgcolor="#a9a9a9"> 寄票日期 </td>
<td bgcolor="#7fffd4">出票机构：</td>
<td bgcolor="#a9a9a9">
<select name="food" id="food" style="width: 200px"></select></td>
</tr>
<tr>
<td bgcolor="#7fffd4">订票日期：</td>
<td bgcolor="#a9a9a9">
<input type="text" id="good" style="width: 50px" />
<input type="text" style="width: 50px" /></td>
<td bgcolor="#7fffd4">出发日期：</td>
<td bgcolor="#a9a9a9">
<input type="text" id="good" style="width: 50px" />
<input type="text" style="width: 50px" /></td></td>
</tr>
<tr>
<td bgcolor="#7fffd4">出票日期：</td>
<td bgcolor="#a9a9a9">
<input type="text" id="good" style="width: 50px" />
<input type="text" style="width: 50px" /></td></td>
<td bgcolor="#7fffd4">应收结清：</td>
<td bgcolor="#a9a9a9">
<select name="good" id="good" style="width: 250px"></select></td>
</tr>
<tr>
<td bgcolor="#7fffd4">订票号码：</td>
<td bgcolor="#a9a9a9">
<input type="text" style="width: 200px"/></td>
<td bgcolor="#7fffd4">事故状态：</td>
<td bgcolor="#a9a9a9">
<select name="good" style="width: 100px"></select></td>
</tr>
<tr>
<td bgcolor="#7fffd4">所在国家：</td>
<td bgcolor="#a9a9a9">
<select name="good" style="width: 150px"></select></td>
<td bgcolor="#7fffd4">王朝号码：</td>
<td bgcolor="#a9a9a9">
<input type="text" style="width: 200px"/></td>
</tr>
<tr>
<td bgcolor="#7fffd4">机票号码：</td>
<td bgcolor="#a9a9a9">
<input type="text" style="width: 200px"/></td>
<td bgcolor="#7fffd4">价格代码：</td>
<td bgcolor="#a9a9a9">
<input type="text" style="width: 70px"/>
<button>每页行数：</button>
<input type="text" style="width: 50px"/></td>
</tr>
<tr>
<td bgcolor="#7fffd4">成都收款：</td>
<td bgcolor="#a9a9a9">
<input type="checkbox" name="city" id="sh" style="width: 20px"/>
已收 出票经手
<select name="food" style="width: 50px"></select>
</td>
<td bgcolor="#7fffd4">对帐核实：</td>
<td bgcolor="#a9a9a9">
<select name="food" style="width: 70px" ></select></td>
</tr>
<tr>
<td bgcolor="#7fffd4">利润限定：</td>
<td bgcolor="#a9a9a9">
<input type="checkbox" style="width: 20px"/>仅显示利润小于10</td>
<td bgcolor="#7fffd4">指定列表：</td>
<td bgcolor="#a9a9a9">
<input type="radio" id="gender" value="male" >出票</input>
<input type="radio" id="gender" value="male" >收款</input>
<input type="radio" id="gender" value="male" >地址</input>
<input type="radio" id="gender" value="male" >联系</input>
<input type="radio" id="gender" value="male" >销售</input>
<input type="radio" id="gender" value="male" >收款2</input>
</td>
</tr>
<tr>
<th colspan="4" bgcolor="aqua">退款选项</th>
</tr>
<tr>
<td bgcolor="#7fffd4">退票清单：</td>
<td bgcolor="#a9a9a9">
<input type="checkbox" style="width: 20px"/>只显示退款信息
</td>
<td bgcolor="#7fffd4">入帐未到：</td>
<td bgcolor="#a9a9a9"><input type="checkbox" style="width: 20px"/></td>
</tr>
<tr>
<td bgcolor="#7fffd4">出帐未到：</td>
<td bgcolor="#a9a9a9"><input type="checkbox" style="width: 20px"/></td>
<td bgcolor="#7fffd4">退款经手：</td>
<td bgcolor="#a9a9a9"><select name="food" style="width: 200px" ></select>
</td>
</tr>
<tr>
<th colspan="4" bgcolor="#ff7f50"><button>肯定</button> <button>退出</button></th>
</tr>
</table>
</body>
</html>
<h1>标题</h1>
<p>段落</p>
<blockquote>引用</blockquote>
<ul>无序列表</ul>
<ol>有序列表</ol>
<dl>定义列表</dl>
<pre>预约义标签</per>
<div>至关于区域块</div>
<span>针对一段文字</span>
<a>行内元素</a>
块级元素与内嵌元素
【块级元素：div，blockquote，列表元素（dl，ol，ul），fiekdset，from，h1-h6，hr，p，pre，table 等】
【内嵌元素：span，a，img，label，全部的表单输入元素，iframe，object 等】1 若是是内嵌元素，下一个元素就显示在该元素同一行上的后续位置。2 若是是块级元素，下一个元素就在浏览器下一行显示。3 元素中的文本按照元素的级别，浏览器使用不一样大小的默认字体表示。
相关文章
- 1. Web前端——HTML
- 2. Web前端 | HTML
- 3. WEB前端-003-HTML
- 4. web前端之html
- 5. web前端－HTML连接－007
- 6. web前端－HTML标题－004
- 7. web前端之 HTML介绍
- 8. web前端总结HTML篇
- 9. web前端－HTML段落－005
- 10. web前端-html标签
- 更多相关文章...
- • ASP.NET Web Pages - HTML 表单 - ASP.NET 教程
- • ASP.NET Web Forms - HTML 页面 - ASP.NET 教程
- • 使用阿里云OSS+CDN部署前端页面与加速静态资源
- • Docker容器实战(一) - 封神Server端技术
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. No provider available from registry 127.0.0.1:2181 for service com.ddbuy.ser 解决方法
- 2. Qt5.7以上调用虚拟键盘(支持中文)，以及源码修改(可拖动，水平缩放)
- 3. 软件测试面试- 购物车功能测试用例设计
- 4. ElasticSearch（概念篇）：你知道的, 为了搜索…
- 5. redux理解
- 6. gitee创建第一个项目
- 7. 支持向量机之硬间隔（一步步推导，通俗易懂）
- 8. Mysql 异步复制延迟的原因及解决方案
- 9. 如何在运行SEPM配置向导时将不可认的复杂数据库密码改为简单密码
- 10. windows系统下tftp服务器使用
欢迎关注本站公众号,获取更多信息
相关文章
- 1. Web前端——HTML
- 2. Web前端 | HTML
- 3. WEB前端-003-HTML
- 4. web前端之html
- 5. web前端－HTML连接－007
- 6. web前端－HTML标题－004
- 7. web前端之 HTML介绍
- 8. web前端总结HTML篇
- 9. web前端－HTML段落－005
- 10. web前端-html标签