html基础

最新推荐文章于 2025-06-10 12:41:12 发布

xiaoxiao_2446xuxu

最新推荐文章于 2025-06-10 12:41:12 发布

阅读量153

点赞数

分类专栏： html 基础 input 文章标签： html 基础 input form

本文链接：https://blog.youkuaiyun.com/xiaoxiao_2446xuxu/article/details/81630435

版权

html 同时被 3 个专栏收录

2 篇文章

订阅专栏

基础

2 篇文章

订阅专栏

input

1 篇文章

订阅专栏

1 表格标签

<!DOCTYPE html>
<html>
   <head>
    <title> Dhcc</title>
    <meta http-equiv="Content-Type"  content="text/html;charsrt=utf-8"/>

    <meta name="keywords" content="DHCC"/>
    <meta name="description" content="好公司"/>
   </head>

	      <body>
		   <table width="50%" height="200px" border="1" bgcolor="#33ff55" cellspacing="0" cellpadding="0">
		      <caption>我喜欢的歌曲</caption>
			  <thead>
			    <tr>
				 <th>
				    歌名
				  </th>
				  <th>
				    作者
				  </th>
				</tr>
			  </thead>
			  <tbody>
			    <tr>
				    <td>光辉岁月</td>
					<td>Beyond</td>
				  </tr>
                <tr>
				    <td>红的</td>
					<td>Be</td>
				  </tr>
				   <tr>
				    <td>再婚</td>
					<td>邓丽君</td>
				  </tr>
				   <tr>
				    <td>爱安女友回</td>
					<td rowspan="2">hah </td>
				  </tr>
				   <tr>
				    <td>youshui</td>
					
				 <tfoot>
				  <tr><td colspan="2"> 现总计五首</td></tr>
				 </tfoot>
			  </tbody>
		   </table>
		   </body>
	
 
 </html>

2 form标签

<!DOCTYPE html>
<html>
   <body>
<form name ="name " method ="post" action="http://www.baidu.com.cn">
 单行文本框<input type ="text " name ="username " id ="username" maxlength="10" readonly="readonly"/></br> <label for="password">
密码框</label><input type ="password " name ="password " id ="password" siz ="5"/></br>
 隐藏域<input type ="hidden " name ="hidden " id ="hidden"/></br>
 单选按钮<input type ="radio" name ="sex" id ="male"checked="checked"/>男
			            <input type ="radio" name ="sex" id ="female"/>女</br>
复选框</br><input type ="checkbox" name ="hobby" value="1" id ="footbal"disabled="disabled"/>足球</br>
                       <input type ="checkbox" name ="hobby" value="2" id ="footbal"checked="checked"/>蓝球	</br>
                       <input type ="checkbox" name ="hobby" value="3" id ="footbal"/>网球</br>	
				图像域<input type ="image" src="C:\Users\Administrator\Desktop\tupian.jpg" width ="100px" height ="40px"/>	</br>	
                文件上传域<input  type="file" name ="file"/></br>
                  提交按钮<input  type="submit" name ="submit" value ="提交按钮"/>	</br>
                  重置按钮<input  type="reset" name ="reset " value ="重置按钮"/></br>	
                  普通按钮<input  type="button" name ="button" value ="普通按钮"/>	</br>
            button提交按钮<button   type="submit"name ="submit2" >提交按钮></button>	</br>
                  button重置按钮<button  type="reset" name ="reset2" <b>重置按钮</b>></button>	</br>
				  button普通按钮<button   type="button"name ="button2" disabled="disabled"<i>普通按钮"/></button>	</br>
				  
				  
				  下拉菜单</br>
				  <select name ="city" id="city">
				    <option value ="bejing"> 北京</option>
					<option selected="selected" value ="shanghai"> 上海</option>
					<option value ="nanjing"> 南京</option>
					<option value ="tianjin"> 天津</option>
					</select><br/>
                  列表框</br>
				  <select name ="city" id="city2" size="3"multiple="multiple">
				    <option value ="bejing"> 北京</option>
					<option selected="selected" value ="shanghai"> 上海</option>
					<option value ="nanjing"> 南京</option>
					<option value ="tianjin"> 天津</option>
					</select><br/>
					选项组列表框</br>
				  <select name ="city" id="city" size="6">
				   <optgroup label="一线城市">
					<option value ="bejing"> 北京</option>
					<option selected="selected" value ="shanghai"> 上海</option>
					</optgroup>
					
					 <optgroup label="二线城市">
					<option value ="nanjing"> 南京</option>
					<option value ="tianjin"> 天津</option>
					</optgroup>
					</select><br/>
					多行文本框<br/>
					<textarea name ="content" cols ="28" rows="4">
					  1 haihfdkfk家得福
					  2 kfjiasd
					  flkjadhbjfklv
					  </textarea>

		   </form>				  
		   </body>
	
 
 </html>