代码1:
<html>
<head>
</head>
<body>
<!--maxlength表示最多输入多少个字符-->
usename: <input type="text" maxlength="4" style="width:150px" name="usename"/>
<br/>
<input type="checkbox" name="fruit"/>苹果1
<input type="checkbox" name="fruit" checked />苹果2
<input type="checkbox" name="fruit"/>苹果3
<br/>
<input type="radio" name="sex" checked/>男
<input type="radio" name="sex"/>女
<br/>
<select name="address">
<option value="beijing">北京</option>
<option value="tianjing" selected>天津</option>
</select>
请发言:
<!--wrap=off就是不换行-->
<textarea wrap=off cols="40" rows="20">
请输入...
</textarea>
用户<input type="text" name="username" value="请输入名字.."></input>
<br/>
<marquee direction="right">我会移动!!</marquee>
<!--scrollamount表示速度 width可以控制显示的大小-->
<marquee direction="right" scrollamount=10 height="200px" bgcolor="pink" width="50%"><img src="1.jpg" width="70px"/></marquee>
</body>
</html>
效果图:
代码二:
<html>
<body>
<fieldset style="width:300px">
<legend><font color="blue">★审核状态</font></legend>
<form>
<input type="radio" name="state">已经审核
<input type="radio" name="state">没有审核
<input type="radio" name="state">全部
</form>
</fieldset>
</body>
</html>
效果图:
代码三:
<html>
<body>
<center>
<table height="100px">
<tr> </tr>
</table>
<table width="724px" height="404px" background="6.jpg" border="0px">
<tr><td width="321px" rowspan="3"> </td><td> </td></tr>
<tr><td>
<table width="100%" height="100%" border="0px">
<tr><td><font size="4"/>用户名</td><td><input type="text" name="username"/></td></tr>
<tr><td><font size="4"/>密 码</td><td><input type="password" name="password"/></td></tr>
<tr><td colspan="2"><input type="submit" value="登录"/>
<input type="reset" value="重新填写"/></td></tr>
<tr><td colspan="2">
<a href="#">找回密码</a>
<a href="#">注册用户</a>
</td></tr>
</table>
</td></tr>
<tr><td> </td></tr>
</table>
</center>
</body>
</html>
效果图:
所用图片: