教学设计
您当前位置: 教学设计> 线上线下混合式教学> 线下课堂项目分组示例> 表单注册---样式设计

表单注册---样式设计

发布时间:2024-01-06 11:17 浏览次数:2335    
字体大小 默认
  • 默认
  • 13pt
  • 14pt
  • 15pt
  • 16pt
  • 17pt
  • 18pt
  • 19pt
  • 20pt
  • 21pt
  • 22pt
  • 23pt
  • 24pt
  • 25pt
字体颜色

默认

  • 默认
背景颜色

默认

  • 默认
完成下面注册页面设计,任务如下:
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>

操作成功!此窗口3秒钟后自动关闭!
立即关闭