0810HTML(表单)

图片标签

<img src="a006.jpg" title="这是企鹅" usemap="ditu" />
<map name="ditu">
<area shape="rect" coords="196,92,296,192" href="http://www.baidu.com" />
<area shape="circle" coords="540,171,50" href="http://qq.com" />
<area shape="rect" coords="674,64,805,214" href="http://360.com" />
</map>

表单

<form>
账号:<input type="text" value="110" disabled="disabled" /><br />.......文本框 disabled为不可以改动
密码:<input type="password" value="" /><br /><br /> .........密码框
<input type="button" value="登陆" /><br />  ........普通按钮
<input type="submit" value="提交" /><br />..........提交按钮(点击后转到form内的提交的服务器的地址)
<input type="reset" disabled="disabled" /><br />.........重置按钮
<input type="image" src="a006.jpg" width="200" />........图片按钮
<br />
<br />
说说:<textarea cols="字符多少" rows="几行高">qwertyui</textarea>........文本域
<input type="hidden" value="12345" /><br />........隐藏域
<br />
<input type="radio" name="sex" checked="checked" />男<br />(单选按钮;checked,设置默认选项;name内的值用来分组)
<input type="radio" name="sex" />女<br />
<br />
<input type="checkbox" checked="checked" disabled="disabled" />可口可乐<br />(复选按钮)
<input type="checkbox" />百事可乐<br />
<input type="checkbox" />芬达<br />
<br />
<input type="file" /><br />.........(文件上传)
<br />
<select size="1">.........下拉列表框,size=1时,为下拉菜单;>1时为列表;multiple为多选
<option value="11">可口可乐</option>
<option value="22">百事可乐</option>
<option value="33">芬达</option>
</select>
</form>

<iframe src="Untitled-1.html" width="400" height="300px" frameborder="1"></iframe>......内嵌网页,frameborder,边线;scrolling,滚动条

例:QQ注册

<table background="89.jpg" align="center"width="600" height="700" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td width="140"><font size="+1">注册账号</font></td>
<td></td>
</tr>
<tr height="50">
<td align="right">昵称&nbsp;&nbsp;</td>
<td><input type="text" /></td>
</tr>
<tr height="50">
<td align="right">密码&nbsp;&nbsp;</td>
<td><input type="password"/></td>
</tr>
<tr height="50">
<td align="right">确认密码&nbsp;&nbsp;</td>
<td><input type="password"/></td>
</tr>
<tr height="50">
<td align="right">性别&nbsp;&nbsp;</td>
<td><input type="radio" name="sex" checked="checked"/>男<input type="radio" name="sex"/>女</td>
</tr>
<tr height="50">
<td align="right">生日&nbsp;&nbsp;</td>
<td><select><option value="值">公历</option> <option value="值">农历</option></select>
<select ><option value="值">1989年</option><option value="值">1990年</option><option value="值">1991年</option><option value="值">1992年</option><option value="值">1993年</option><option value="值">1994年</option><option value="值">1995年</option><option value="值">1996年</option><option value="值">1997年</option><option value="值">1998年</option><option value="值">1999年</option><option value="值">2000年</option><option value="值" selected="selected">年&nbsp;&nbsp;&nbsp;&nbsp;</option></select>
<select><option value="值">1月</option><option value="值">2月</option><option value="值">3月</option><option value="值">4月</option><option value="值">5月</option><option value="值">6月</option><option value="值">7月</option><option value="值">8月</option><option value="值">9月</option><option value="值">10月</option><option value="值">11月</option><option value="值">12月</option><option value="值" selected="selected">月</option></select>
<select><option value="值">1日</option><option value="值">2日</option><option value="值">3日</option><option value="值">4日</option><option value="值">5日</option><option value="值">6日</option><option value="值">7日</option><option value="值">8日</option><option value="值">9日</option><option value="值">10日</option><option value="值">11日</option><option value="值">12日</option><option value="值">13日</option><option value="值">14日</option><option value="值">15日</option><option value="值">16日</option><option value="值">17日</option><option value="值">18日</option><option value="值">19日</option><option value="值">20日</option><option value="值">21日</option><option value="值">22日</option><option value="值">23日</option><option value="值">24日</option><option value="值">25日</option><option value="值">26日</option><option value="值">27日</option><option value="值">28日</option><option value="值">29日</option><option value="值">30日</option><option value="值">31日</option><option value="值" selected="selected">日</option></select></td>
</tr>
<tr height="50">
<td align="right">所在地&nbsp;&nbsp;</td>
<td><select><option value="值" selected="selected">中国</option><option value="值">美国</option><option value="值">英国</option><option value="值">俄罗斯</option></select>
<select><option value="值" selected="selected">山东</option><option value="值">北京</option><option value="值">河北</option><option value="值">湖南</option><option value="值">黑龙江</option></select>
<select><option value="值" selected="selected">淄博</option><option value="值">济南</option><option value="值">青岛</option><option value="值">烟台</option></select></td>
</tr>
<tr height="50">
<td>手机号&nbsp;&nbsp;</td>
<td><input type="text"/></td>
</tr>
<tr height="40">
<td></td>
<td><font size="-1">可通过该手机号码快速找回密码<br/>
中国大陆地区以外手机号码&nbsp;&nbsp;&nbsp;&nbsp;<a href="大乐透.exe" target="_blank">点击这里</a></font></td>
</tr>
<tr height="60">
<td></td>
<td><input type="text"/>&nbsp;<input type="submit" value="获取短信验证码"/></td>
</tr>
<tr height="50">
<td></td>
<td align="center"><input type="submit" value="立即注册"/></td>
</tr>
<tr height="50">
<td>&nbsp;</td>
<td><font size="-1"> <input type="checkbox"/>同时开通QQ空间<br/>
<input type="checkbox"/>我已阅读并同意相关服务条款和隐私政策<a target="_blank"href="http://zc.qq.com/chs/agreement1_chs.html">①</a><a href="http://www.qq.com/privacy.htm" target="_blank">②</a> </font></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

时间: 2024-11-11 04:21:41

0810HTML(表单)的相关文章

Django表单上传

任务描述:实现表单提交(上传文件) 1.项目目录: 2.源代码: regist.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>regist</title> </head> <body> <h3>regist</h3> <hr> <

表单的作用

①input的作用分为:单选按钮.文本框.密码框.复选按钮.隐藏表单域.文本选择框.图片按钮.普通按钮.提交按钮.重置按钮 ②select的作用:可创建单选或多选菜单,含有<option>标签 在HTML5中的新属性:1.autofocus属性            值autofocus                     规定在页面加载后文本区域自动获得焦点: 2.disabled                        disabled                      

JS设置读取删除cookie及表单交互

学习cookie和表单交互留下的一点笔记 什么是cookie?cookie 是存储于客户端的变量.当设备请求页面时,就会发送cookie.首先需要稍微了解一下cookie的结构,简单地说:cookie是以键值对的形式保存的,即key=value的格式.各个cookie之间一般是以";"分隔.JS设置cookie:document.cookie= key + '=' + value + ';expires=' + Date;其中Date为cookie的过期时间.实际案例: //setCo

HTML中的表格、表单元素与框架的构建

表格 <table></table>表格 width: 宽度可用像素或百分比: height:高度可用像素或百分比: border:边框宽度: cellpadding:内容跟单元格边框的边距 常用0: cellspacing:单元格之间的间距  常用0: align: 对齐方式: bgcolor:背景色: <tr></tr> 行 align:一行内容的水平对齐方式: valign: 垂直对齐方式: <td></td> 单元格 <

form表单那点事儿(上) 基础篇

做为html中最为常见,应用最广泛的标签之一,form常伴随前端左右.了解更深,用的更顺. 目录: 表单属性 表单元素 常识 模拟外观 表单属性 这个表单展示了form表单常用的属性 属性名 属性值 描述 action 一个url地址 指定表单提交到的地址 method `GET` , `POST` 表单将以此种方法提交到服务器 target `_self` 当前页面 `_blank` 每次在新窗口打开 `blank` 每次在同一个新窗口打开 `_parent` 父级frame `_top` 顶

html(五) -- 表单标签

表单标签: 表单标签的作用是用于提交数据给服务器的. 表单标签的根标签是<form>标签 常用的属性:    action: 该属性是用于指定提交数据的地址.    method: 指定表单的提交方式.            get : 默认使用的提交方式.  提交的数据会显示在地址栏上.            post :  提交的数据不会显示在地址栏上.注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值. 代码示例: 1 <!DOCTYPE html&g

python :表单验证--对每一个输入框进行验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="UTF-8"/> <title>Title</title> <style> .error{ color

VALIDFORM前端小插件实现表单验证;

好开心啊,有了这个小插件就不用在服务器端去写用户输入的东西是否合法,又美观: 这个是官网,使用入门那儿很简单,不如直接改demo; 下载的demo就是这个: 小李子(永奇商城注册页面表单验证): 就是这个,那个邮箱正则验证效果如何加上去的呢: 看demo就知道(把demo里面之中整个demo文件夹拷贝在项目之中,将css之中validform必须的留下,其他删除掉,也就是demo文件夹里面/*==========以下部分是Validform必须的===========*/这一行字下面的css样式

HTML:图片热点 网页划区 表单

图片热点: 划出图片中的区域,做超链接,点击该区域就可以直接跳转到链接网站 <img src="../../../3.jpg" title="血精灵" usemap="jingling" /> <map name="jingling"> <area shape="rect" coords="52,217,288,395" href="http://