完成下面注册页面设计,任务如下:
1.添加注册界面的相关表单对象
2.添加表单样式
3.添加边框线样式和legend控件样式
4.添加label对象样式
5.添加各类input对象样式
6.添加按钮样式
表单代码参考如下:
<form>
<fieldset>
<legend> 用户注册</legend>
<label for="customername">用户名:</label>
<input type="text" name="customer" id="customername">
<label for="customerpw">密码:</label>
<input type="password" name="customer" id="customerpw">
<label for="lblsex">性别:</label>
<span>男</span><input type="radio" name="sex" id="lblsex" value="man">
<span>女</span><input type="radio" name="sex" id="lblsex" value="woman">
<label for="myemail">邮箱:</label>
<input type="email" name="E-mail" id="myemail">
<label for="mymessage">简介:</label>
<textarea name="mymessage" id="mymessage" rows="5" cols="45"></textarea>
<input type="submit" name="submit" id="submit" value="注册" />
<input type="reset" name="reset" id="reset" value="取消" />
</fieldset>
</form>
上一篇:
表单对象练习
下一篇:
ps网页版面设计分组