表单和文本链接

1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单</title>
<style>
h1{
  text-align:center;
}
.b{
  text-align:center;
}
</style>
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
</head>
<body>
<h1><strong>用户注册</strong></h1>
<p class="b">用户名<input name="" type="text" /><br>

密码   <input name="" type="text" />
<form id="form1" name="form1" method="post" action="">
</p>
 <p class="b"> 
  性别
    <label>
      <input type="radio" name="RadioGroup1" value="男" id="RadioGroup1_0" />
      男</label>
    <label>
      <input type="radio" name="RadioGroup1" value="女" id="RadioGroup1_1" />
      女</label>
  </p>
  <p class="b">
  爱好<input name="" type="checkbox" value="" />
  唱<input name="" type="checkbox" value="" />
  跳<input name="" type="checkbox" value="" />
  Rap<input name="" type="checkbox" value="" />
  打篮球<input name="" type="checkbox" value="" />
  </p>  
</form>
<p class="b">
  邮箱   <input name="" type="text" />
<form id="form1" name="form1" method="post" action="">
</form></p>
<p class="b">
    <label for="photo">用户头像</label>    
    <input type="file" name="photo" id="photo" />          
  </p>         
<p class="b">
  家庭住址
  <select name="star">
    <option value="请选择你的住址">请选择你的住址</option>
      <option value="广州">广州</option>
      <option value="深圳" >深圳</option> 
      <option value="重庆">重庆</option>
      <option value="南京">南京</option>
  </select>
</form>
</p>
<p class="b">收货地址             
                <select id="question" name="question[]" multiple required>
                    <option value="">广州</option>
                    <option value="apple">深圳</option>
                    <option value="banana">重庆</option>
                    <option value="orange">南京</option>
                </select>
            </p>
<div class="b">
    <label for="details">建议或意见</label>         
    <textarea name="details" id="details" cols="30" rows="7"></textarea>          
</div>
<p class="b">
  <button type="submit">注册</button>
  <button type="submit">重置</button>
</p></body>
</html>

4a07c3d515b84c8eb21a35bad8bb121e.jpg

 

 

2.

<!DOCTYPE html>
<html>
<head>
    <style>
        a {
            color: blue; /* 默认文本颜色 */
        }
        a:hover {
            color: red; /* 当鼠标悬停时的颜色 */
        }
        a:active {
            color: green; /* 当链接被点击(活动状态)时的颜色 */
        }
        #firstLink {
            color: purple; /* 将第一个链接的文本颜色设置为紫色 */
        }
    </style>
</head>
<body>
    < a href=" ">Link 1</ a> 
    < a href="#">Link 2</ a> 
    < a href="#">Link 3</ a> 
    < a href="#">Link 4</ a> 
</body>
</html>

dcb4f07a74d744f59b676d1b5b97651e.png 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值