【html】表单元素练习

源于 how2j教程，这是个特别好的java网站。

实现如下效果：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312"></head> <body><table width="100%" ><tr><td align="right"><font color="#FF0000">*</font>用户名:</td><td><input type="text" size="30"/> <font color="red">用户名不得小于3个字符</font></td></tr><tr><td align="right"><font color="#FF0000">*</font>密码:</td><td><input name="text" type="text" size="30"/></td></tr><tr><td align="right"><font color="#FF0000">*</font>确认密码:</td><td><input name="text2" type="text" size="30"/></td></tr><tr><td align="right"><font color="#FF0000">*</font>Email:</td><td><input name="text3" type="text" size="30"/></td></tr><tr><td align="right"><font color="#FF0000">*</font>真实姓名:</td><td><input name="text4" type="text" size="30"/></td></tr><tr><td align="right"><font color="#FF0000">*</font>性别:</td><td><select><option>男</option><option>女</option>           </select></td></tr><tr><td align="right"><font color="#FF0000">*</font>生日:</td><td><select name="select"><option>1980</option><option>1981</option><option>1982</option><option>1983</option><option>1984</option><option>1985</option><option>1986</option><option>1987</option><option>1988</option><option>1989</option><option>1990</option><option>1991</option>                                </select><select name="select2"><option>1</option><option>2</option><option>...</option><option>12</option>                </select><select name="select3"><option>1</option><option>2</option><option>...</option><option>31</option>                      </select></td></tr><tr><td align="right"><font color="#FF0000">*</font>手机:</td><td><input name="text7" type="text" size="30"/></td></tr><tr><td align="right"><font color="#FF0000">*</font>居住地:</td><td><select name="select4"><option>四川省</option><option>河南省</option><option>广东省</option><option>河北省</option><option>黑龙江省</option><option>海南省</option><option>安徽省</option><option>内蒙古省</option><option>广西省</option><option>湖南省</option><option>湖北省</option><option>浙江省</option></select><select name="select5"><option>成都市</option><option>重庆市</option><option>...</option><option>北京市</option></select> <select name="select6"><option>成华区</option><option>龙泉驿区</option><option>...</option><option>金牛区</option></select> <select name="select7"><option>三圣乡</option><option>星辉路</option><option>...</option><option>蜀都大道</option></select></td></tr><tr><td align="right"><font color="#FF0000">*</font>QQ:</td><td><input name="text9" type="text" size="30"/><br /><font size="-1" color="#0099FF">设置我的QQ在线状态</font></td></tr>
</table></body>
</html>

【html】表单元素练习相关推荐

html5表单实例元素,HTML5新表单元素的图文实例-
这一篇介绍html5新增的表单元素和表单属性. 首先先说一个html5中表单新增的一个功能,在我们之前的html中,表单元素必须放在form元素所包含的里面,在html5中,可以把他们写在页面上的任何 ...
【2018-01-22】HTML-表单及表单元素
<body><form action="" method="post">& ...
5 select 选择的值_表单元素之选择类型
表单元素的选择类型可以分为三种: 单选多选下拉单选和复选框的属性值可以有两个:disabled(不可操作的) 和 checked. 下拉框的属性值可以是:selected(默认选中) .mult ...
css label 居中布局_HTMLCSS精华知识点——表单元素、BFC、两栏布局、居中总结等...
HTML&CSS精华知识点--第九节一.input表单元素一系列元素,主要用于收集用户数据 1.type属性表示输入框类型text:普通文本输入框 date,日期选择框,兼容性问题 sea ...
(总结1)HTML5中新增加的表单元素
HTML5中新增加了很多元素标签使用,在经过了近一星期多的学习之后现在进行一下总结,方便日后查阅: H5中的智能表单 1 <form action=""> 2 < ...
顶部对齐css表单,vertical-align 表单元素垂直对齐的解决方法
如下图所示: 于是上网查看了一些网站,发现这个问题是普遍存在的,如下图(FF3.5): 在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题.于是打算研究一下这个问题.首先,搜索到 ...
给自己提个醒：关于document.getElementsByName无法获取非表单元素
document.getElementsByName自己一厢情愿以为可以获取所有元素,以前也碰到过,但是不长记性,还是记录下来比较好. document.getElementsByName只能获取表单 ...
HTML（三）：表单元素
表单元素概述表单(Form),用于收集用户信息.提交用户请求等处理过程 1.设计表单,并放入一些输入域 2.网站访问者在自己的计算机上填写上述输入域,并提交到服务器 ...
JS 表单和表单元素
JS:The Definitive Guide 例18-1,列举了所有的表单元素,并把表达的相关操作都呈现出来,非常的好!不愧为一本经典的书籍.例子非常恰当. <!DOCTYPE HTML> ...
087_html5表单元素
1. html5的新的表单元素: 1.1. html5拥有若干涉及表单的元素和属性. 1.2. 本章介绍以下新的表单元素: datalist keygen output 2. datalist元素 2 ...

【html】表单元素练习

【html】表单元素练习相关推荐

最新文章

热门文章