【html】表单元素练习

最新推荐文章于 2024-03-24 15:52:13 发布

转载最新推荐文章于 2024-03-24 15:52:13 发布 · 437 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://how2j.cn/k/html/html-practise3/642.html#nowhere

文章标签：

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