html概述（續2）
1.表單
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
form為表單標簽，表單中包含很多輸入/選擇的組件，用戶可以輸入資訊，最終提交給服務器
id: 為標簽定義id號，值唯一，值自定義，不能數字開頭
name：值自定義，可以重復，向服務器提交資料的鍵
value:向服務器提交的值,標簽默認值
size：列數
placeholder="提示資訊" 提示資訊，當輸入內容后被覆寫
readonly="readonly" 只讀，可以提交 disabled="disabled" 禁止組件，不能向服務器提交
-->
<form>
<label for="accountid1">賬號</label>:
<input type="text" id="accountid1" size="20" placeholder="請輸入賬號" />
<br />
<label for="accountid2">密碼</label>:
<input type="password" id="accountid2" size="20"
placeholder="請輸入密碼" /><br />
<!--
type="radio" 單選框組件
通過name屬性進行的分組，name相同為一組，一組之內只能選一個
注意：凡是選擇性組件必須給予默認值
-->
性別：<input type="radio" name="sex" value="男" id="man" checked="checked" />
<label for="man" >男</label>
<input type="radio" name="sex" value="女" id="women" />
<label for="women">女</label><br />
<!--
type="checkbox" 多選框組件
通過name屬性進行的分組，name相同為一組，一組之內可選多個
注意：凡是選擇性組件必須給予默認值
-->
課程：<input type="checkbox" name="course" value="JAVA" id="cour1" checked="checked" />
<label for="cour1">JAVA</label>
<input type="checkbox" name="course" value="HTML" id="cour2" />
<label for="cour2">HTML</label>
<input type="checkbox" name="course" value="C" id="cour3" />
<label for="cour3">C</label><br />
<!-- type="file" 檔案選擇框 accept=".檔案后綴名,.檔案后綴名" 限制檔案型別 -->
上傳附件：<input type="file" name="file" accept=".jpg" /> <br />
<!--
下拉框：select ：name屬性添加在select標簽中
option 內容為下拉框選項內容
selected="selected" 默認選中項
-->
省份：<select name="province">
<option value="101">北京</option>
<option value="610" selected="selected">陜西</option>
<option value="710">山西</option>
</select><br />
<!-- textarea 多行文本域， rows 行數 ，cols 列數 -->
地址：<textarea name="address" rows="5" cols="30">陜西省漢中市</textarea><br />
<!--
type="reset" 重填表單內容
type="submit" 提交表單內容到服務器
type="button" 普通按鈕，沒有功能，只能被點擊觸發事件用
注意：value中的值是運行后你所看到的值，可以自定義，
例如，reset是重填，你可以自定義value為：洗掉資料，重新填寫等
-->
<input type="reset" value="重填" />
<input type="submit" value="提交" />
<input type="button" value="按鈕" />
</form>
</body>
</html>
上述代碼實作結果如下：
2.行內框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--
行內框架可以在一個視窗內嵌入一個子視窗，從而在子視窗內引入一個外部界面
<iframe src="子視窗地址" name="子視窗"></iframe>
在iframe標簽中添加name屬性 是為了通過超鏈接target="子視窗"來讓父視窗中的鏈接在子視窗中打開
-->
父視窗
<a href="http://www.baidu.com" target="z1" >百度</a>
<iframe src="子視窗.html" name="z1" width="800" height="400" frameborder="1">子視窗 </iframe>
</body>
</html>
上述代碼實作結果如下：
點擊百度倆字后，父視窗中的超鏈接在子視窗中打開，
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/191401.html
標籤：其他
上一篇：Web（牛腩）概念知識總結