HTML基础2 表单和框架
表单：
<form id="" name="" method="post/get" action"负责处理的服务端"><form>
id不可重复；name可以重复；get提交长度有限制，并且编码后的内容在地址栏可见，post提交无长度限制，且编码后长度不可见。
value 输入的值
disabled 否定input，使按钮失效，满足条件前不可点击
enable 使按钮可用
1.文本输入
文本框<input type="text" value="" />
密码框<input type="password" value="" />
文本域<textarea cols=""(字符多少) rows=""(几行高)></textarea>
隐藏域<input type="hidden" value="" />
2.按钮
提交按钮<input type="submit" value="提交" /> 点击后转到form内的提交服务器的地址
重置按钮<input type="reset" value="重置" />
普通按钮<input type="button" value="登陆" />
图片按钮<input type="image" src="" />
3.选择输入
单选项按钮
<input type="radio" name="" checked="checked" value="" /> name值用来分组；value值看不见，是提交给程序用的；checked,设置默认选项。
复选框组
<input type="checkbox" />
文件上传
<input type="file" />
<lable for=""></lable> 标签为input元素定义标记，for属性与相关的id属性相同。
下拉列表框
<select size="" multiple="multiple"> size为1时，为菜单；>1时，为列表。 multiple为多选。
<option value="">内容1</option>
<option>内容2</option>
<option selected="selected">内容3</option> selected，设为默认
</select>
框架
1.frameset
最外层的body换成frameset
<fameset rows="100",* frameborder="no"> 上下分，第一行100，剩余为第二行；rows换成cols，为左右分。frameborder="no"去掉分割线
<frame src="页面地址" noresize="noresize"> noresize禁止窗口调整大小
<frame src="" scrolling="no"> scrolling="no"取消显示滚动条
</frameset>
2.iframe 在原来页面嵌入小窗口显示其他页面
<iframe src="其他页面的地址" frameborder="" scrolling="no"></iframe>
frameborder,边线。scrolling，滚动条。如果设置高和宽为0，则不显示，但是在后台会存在这么一个页面。
设计一个邮箱界面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body bgcolor="#00FFCC">
<font size="7"><b>邮箱注册</b></font>
<form>
<table width="720" height="75" border="0" cellpadding="10" cellspacing="5">
<tr>
<th align="right">邮箱账号</th>
<td><input type="text" value="" /></td>
</tr><br />
<tr>
<th align="right">密码</th>
<td><input type="password" value="" /></td>
</tr><br />
<tr>
<th align="right">确认密码</th>
<td><input type="password" value="" /></td>
</tr>
<tr>
<th align="right">昵称</th>
<td><input type="text" value="" /></td>
</tr>
<tr>
<th align="right">性别</th>
<td><input type="radio" name="sex" />男<input type="radio" name="sex" />女</td>
</tr>
<tr>
<th align="right">身份证号</th>
<td><input type="text" value="" /></td>
</tr>
<tr>
<th align="right">所在地</th>
<td>
<select size="1">
<option selected="selected">中国</option>
<option>德国</option>
<option>英国</option>
</select>
<select size="1">
<option selected="selected">山东</option>
<option>北京</option>
<option>上海</option>
</select>
<select size="1">
<option selected="selected">淄博</option>
<option>济南</option>
<option>青岛</option>
</select>
</td>
</tr>
<tr>
<th align="right">手机号</th>
<td><input type="text" value="" /></td>
</tr>
</table>
<table width="720" border="0" cellpadding="10" cellspacing="5">
<tr>
<td align="center"><input type="submit" value="提交" /></td>
<td></td>
<td></td>
</tr>
</table> </form>
</body>
</html>
HTML基础2 表单和框架的更多相关文章
- [JavaWeb基础] 015.Struts2 表单验证框架
在web开发的过程中,我们经常要用到一些填写表单的操作,我们一般都要在提交表单信息的时候对表单的内容进行验证,struts2给我们提供了简单的实现接口,让我们可以很容易的对表单进行验证.下面讲解下最传 ...
- Bootstrap<基础六> 表单
Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单. 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 ...
- ValidationSugar表单验证框架-支持ASP.NET MVC ASP.NET WebFroM
ValidationSugar表单验证框架的优点: 1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 ...
- Spring MVC 文件上传、Restful、表单校验框架
目录 文件上传 Restful Restful 简介 Rest 行为常用约定方式 Restful开发入门 表单校验框架 表单校验框架介绍 快速入门 多规则校验 嵌套校验 分组校验 综合案例 实用校验范 ...
- 【ASP.NET 基础】表单和控件
1.HTML表单的提交方式 对于一个普通HTML表单来说,它有两个重要的属性:action 和 method.action属性指明当前表单提交之后由哪个程序来处理,这个处理程序可以是任何动态网页或者 ...
- 2017-3-22 HTML 表单 、框架
表单:<form action="" method="get/post" ></form> 表单元素:12个 1.文本类 文本框:< ...
- 【HTML】 HTML基础知识 表单
html 表单 表单的标签是<form>,用于给网站的后台提交数据.提交的数据格式原本是什么样不太清楚,以python的flask框架来看,我从表单中得到的数据是一个字典(flask.re ...
- 一个自己实现的js表单验证框架。
经常要做一些表单验证的操作,每次都是用现成的框架,比如jquery,bootstrap等的验证插件,虽然也很强大,也很好用,可就是用起来需要引入许多js库,还有里面功能太多,感觉不太符合自己的需求.最 ...
- html基础笔记-表单、链接
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 字符编码U ...
随机推荐
- LINUX下为ORACLE数据库设置大页--hugepage
在Linux中配置hugepage可以提高oracle的性能,减少oracle sga的页交换,类似于aix中的lagepage. 为什么 使用大页? LINUX内存的默认块大小是4K如果SGA为:1 ...
- POJ2387 Til the Cows Come Home(SPFA + dijkstra + BallemFord 模板)
Til the Cows Come Home Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 37662 Accepted ...
- php返回json数据简单实例
<?php include './include/conn.php'; //数据库链接文件 $sql_notice = mysql_query('SELECT * FROM gg_notice ...
- jquery发送ajax请求返回数据格式
jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 1.html格式的数据 "<div class='comment ...
- WebSocket 基本函数
1.构造函数 WebSocket(char *host); 创建一个websocket对象,接受一个参数以ws://靠头,就像发起一个HTTP请求一样用http://开头 var ws=new W ...
- webexam项目杂记2
strstr,stristr是返回匹配到的字符串,常规的字符串操作尽量避免使用正则, strstr是返回从匹配字符(串)开始(包括该匹配字符串)到结束的(或开头的)字符串 而如果仅仅只是判断是否包含匹 ...
- Javascript中理解发布--订阅模式
Javascript中理解发布--订阅模式 阅读目录 发布订阅模式介绍 如何实现发布--订阅模式? 发布---订阅模式的代码封装 如何取消订阅事件? 全局--发布订阅对象代码封装 理解模块间通信 回到 ...
- 最新 DEDECMS SQL 注入 0day
4月29日消息:国内安全研究团队“知道创宇”称截获到最新DEDECMS SQL注入0day,DEDECMS官网目前提供下载的最新版5.7也受影响,截止本告警发出时官方尚未给出补丁或解决方案,此漏洞利用 ...
- HLG2062(make,heap问题）
最小的n个和 Time Limit: 1000 MS Memory Limit: 32768 K Total Submit: 129(37 users) Total Accepted: 35(29 u ...
- nyoj 20
http://acm.nyist.net/JudgeOnline/message.php?msg=已提交&url=status.php%3Fpid%3D20&second=0 #inc ...