表单：

<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 表单和框架的更多相关文章

  1. [JavaWeb基础] 015.Struts2 表单验证框架

    在web开发的过程中,我们经常要用到一些填写表单的操作,我们一般都要在提交表单信息的时候对表单的内容进行验证,struts2给我们提供了简单的实现接口,让我们可以很容易的对表单进行验证.下面讲解下最传 ...

  2. Bootstrap<基础六> 表单

    Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单. 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 ...

  3. ValidationSugar表单验证框架-支持ASP.NET MVC ASP.NET WebFroM

    ValidationSugar表单验证框架的优点: 1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 ...

  4. Spring MVC 文件上传、Restful、表单校验框架

    目录 文件上传 Restful Restful 简介 Rest 行为常用约定方式 Restful开发入门 表单校验框架 表单校验框架介绍 快速入门 多规则校验 嵌套校验 分组校验 综合案例 实用校验范 ...

  5. 【ASP.NET 基础】表单和控件

    1.HTML表单的提交方式 对于一个普通HTML表单来说,它有两个重要的属性:action 和 method.action属性指明当前表单提交之后由哪个程序来处理,这个处理程序可以是任何动态网页或者 ...

  6. 2017-3-22 HTML 表单 、框架

    表单:<form action="" method="get/post" ></form> 表单元素:12个 1.文本类 文本框:< ...

  7. 【HTML】 HTML基础知识 表单

    html 表单 表单的标签是<form>,用于给网站的后台提交数据.提交的数据格式原本是什么样不太清楚,以python的flask框架来看,我从表单中得到的数据是一个字典(flask.re ...

  8. 一个自己实现的js表单验证框架。

    经常要做一些表单验证的操作,每次都是用现成的框架,比如jquery,bootstrap等的验证插件,虽然也很强大,也很好用,可就是用起来需要引入许多js库,还有里面功能太多,感觉不太符合自己的需求.最 ...

  9. html基础笔记-表单、链接

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 字符编码U ...

随机推荐

  1. Mac OS X 10.9 Mavericks安装后，Xcode调试时模拟器黑屏的处理方法

    请耐心的等下去吧,少年! 装了Mac OS X 10.9 Mavericks的同学,如果碰到Xcode调试App时,模拟器黑屏(重置也无效),请耐心的等下去吧,大约10来分钟左右黑屏就会消失,App启 ...

  2. HD1281棋盘游戏（匹配+好题）

    棋盘游戏 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submis ...

  3. 写给iOS程序员的命令行使用秘籍

    http://www.jianshu.com/p/44d3b8f713f2 Mac OS是Unix系统的分支,有着强大的命令行功能.很多事情在命令行下处理会事半功倍,所以我就iOS程序员可能会用到的功 ...

  4. 使用Navicat V8.0创建数据库，外键出现错误ERROR 1005: Can’t create table (errno: 121)

    ERROR 1005: Can't create table (errno: 121) errno 121 means a duplicate key error. Probably the tabl ...

  5. DEEP LEARNING WITH STRUCTURE

    DEEP LEARNING WITH STRUCTURE Charlie Tang is a PhD student in the Machine Learning group at the Univ ...

  6. 转载大神的检测网站重定向的python脚本

    #!/usr/bin/env python #coding=utf8 import sys import requests def check_for_redirects(url): try: r = ...

  7. WinForm TextBox 焦点停留到文本最后

    最近写个 WinForm 项目,TextBox 控件有内容的时候,获取焦点,光标总是在最前面,很不便于输入.那怎么样让光标停留到最后呢?如下代码可以实现:            this.txtBox ...

  8. 锋利的jQuery-7--编写插件基础知识

    插件的基本要点: 1.命名推荐:jquery.[插件名].js,避免和其他js库插件混淆. 2.对象方法附加到:jQuery.fn上,全局函数附加到:jQuery对象本身. 3.在插件内部,this指 ...

  9. mysql delete删除记录数据库空间不减少问题解决方法

    记得在中学时学计算机时老师就告诉我delete删除记录只是给数据库中的记录加一个删除标识了,这样数据库空间并不是减少了,当时没想这么多,昨天发现一个数据库利用delete 删除之后容量没变,后来百度了 ...

  10. apache 配置多个虚拟主机

    修改文件:httd.conf 文件地址:D:\wamp\bin\apache\Apache2.2.21\conf #配置虚拟主机<VirtualHost 127.0.0.3:80>Serv ...