HTML基础必看---表单,图片热点,网页划区和拼接详解

2019-01-15 09:04:20于海丽

       <label> 标签的 for 属性应当与相关元素的 id 属性相同。

下拉列表框

    <select  name="" id="" size="" multiple="multiple">    --size=1时,为菜单;>1时,为列表。multiple为多选。

             <option value="值">内容1</option>

             <option value="值" selected="selected">内容2</option>    --selected,设为默认

             <option value="值">内容3</option>

    </select>

综上HTML程序显示:

  • <!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>   </head>  
  •    <body background="22.jpg">  
  • <form>   账号:<input type="text" value="12345" disabled="disabled" /><br /><br />  
  • 密码:<input type="password" /><br /><br />   说说:<textarea cols="140" rows="8"></textarea><br /><br />  
  • 请问:中华人民共和国成立于那一年?<input type="text" />   <input type="submit" value="提交" />  
  • <input type="hidden" value="1949" />   <input type="reset" /><br />  
  • <input type="button" value="登录" /><br />   <input type="image" src="55.jpg" /><br />  
  • <input type="radio" name="sex" />男<br />   <input type="radio" name="sex" />女<br />  
  • <input type="checkbox" checked="checked" />可乐<br />   <input type="checkbox" />鸡腿<br />  
  • <input type="file" /><br /><br />   <select size="1">  
  • <option value="11">可口可乐</option>   <option value="22">雪碧</option>  
  • <option value="33" selected="selected">芬达</option>   </select>  
  • </form>   </body>  
  • </html>