1、HTML中表單的選擇類有單選、復選、下拉、文件選則4種。
----------------(1)單選類 type="radio"
<form action="http://www.baidu.com" method="get">
性別:<input type="radio" name="sex" value="1" checked="checked"/>男<!--name一樣-->
<input type="radio" name="sex" value="0"/>女
<input type="submit" value="提交" /><!--提交按鈕-->
</form>
其中value的值不能一樣,name的值一樣
效果圖:
-----------------(2)復選type=“checkbox”
<input type="checkbox" name="" id="" value="" />濟南
<input type="checkbox" name="" id="" value="" checked="checked" />淄博
<input type="checkbox" name="" id="" value="" checked="checked"/>青島
<input type="checkbox" name="" id="" value="" />濱州<!--復選框-->
其中checked="checked"作用是默認青島和淄博被選中
其運行結果圖:
-------------(3)下拉<select> <option value="zd">地點或者別的內容 </option>(代表項) <select>代表下拉
<select name="chian"><!--下拉列表-->
<option value="zd">張店</option>
<option value="lz">臨淄</option>
<option value="xd" selected="selected">辛店</option><!--下拉選項中辛店為顯示的選項-->
<option value="bs">博山</option>
<option value="ht">桓台</option>
</select>
下拉里面的內容有張店、臨淄、辛店、博山等,其中selected="selected"是使辛店成為第一個在不選擇時顯示的內容
效果圖:
----------(4)文件選擇type="file"
<input type="file" name="upfile" value=""/><!--選擇文件-->
效果圖:
2、其他屬性:readonly只讀,可以提交value的值、disabled可以提交value的值、cheched單選按鈕中默認選中、selected下拉列表中 設置那一項選中
用法:
-------------(1)
姓名:<input type="text" name="form" id="" value="楊楊" readonly="readonly"/><!--描述:提交的value的值,只能讀不能寫-->
</p>
<p>
姓名:<input type="text" name="form" id="" value="楊楊" disabled="disabled"/><!--不能提交value的值-->
效果圖:
3、框架<frameset>、iframe
----------------(1)<frameset></frameset>注意:使用時當前頁面不能有<body>標簽
----------------cols=“300,*” 代表左右拆分,左邊寬300,剩余的全是右邊的
----------------rows=“300,*” 代表上下拆分,上邊寬300,剩余的全是下面的
----------------frameborder 代表邊框
-----------------<frame> src 框架要顯示的頁面地址 scroling=“yes/on”代表滾動條
效果圖如下:
4、其他如marquee滾動效果action(left\right\down\up四種方向) 及<hr>做分割線等
效果: