HTML基础2 表单和框架

表单：

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,设置默认选项。

复选框组

文件上传

<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 在原来页面嵌入小窗口显示其他页面

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 ...

随机推荐

form的submit与onsubmit的用法与区别
发生顺序:onsubmit -> submit1.阻止表单提单:<script>function submitFun(){ //逻辑判断 return true; //允 ...
std::shared_ptr(二)
Defined in header <memory> template< class T > class shared_ptr; (since C++11) ...
matlab学习笔记 bsxfun函数
matlab学习笔记 bsxfun函数最近总是遇到 bsxfun这个函数,前几次因为无关紧要只是大概看了一下函数体去对比结果,今天再一次遇见了这个函数,想想还是有必要掌握的,遂查了些资料总结如下. ...
机器人与机器人仿真技术(zz)
http://www.viblue.com/archives/5587.htm 一.机器人简介: 机器人(Robot)是自动执行工作的机器装置.它既可以接受人类指挥,又可以运行预先编排的程序,也可以根 ...
Responsive设计的十个基本技巧（转）
什么是Responsive设计?有的同学认为Responsive设计是自适应布局,也有的同学认为Responsive是网格布局.其实这些想法都不正确.Wikipedia对Responsive做了详细 ...
iOS多线程GCD（转）
转自:http://www.cnblogs.com/pure/archive/2013/03/31/2977420.html Grand Central Dispatch (GCD)是Apple开发的 ...
smb
smb编辑 SMB(Server Message Block)是协议名,它能被用于Wap连接和客户端与服务器之间的信息沟通.
angular 强制刷新路由，重新加载路由
angular js ui-route 在使用时默认不是不会刷新路由的,所有有些时候我们需要主动刷新路由. 主动刷新方法是: <a ui-sref="profitManage" ...
Kali Linux下破解WIFI密码挂载usb无线网卡的方法
Kali Linux下破解WIFI密码挂载usb无线网卡的方法时间:2014-10-12 来源:服务器之家投稿:root 首先我要说的是,wifi密码的破解不是想象中的那么容易,目前还 ...
virsh常用命令
必须启动libvirtd,才能用virsh查看kvm后台. # systemctl start libvirtd 查看网络 # virsh net-list 启动default网络 # virsh n ...

HTML基础2 表单和框架

HTML基础2 表单和框架的更多相关文章

随机推荐

热门专题