html 表單單選、復選、下拉、文件選擇、其他屬性及框架中的知識等


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>做分割線等

效果:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM