HTML 自学笔记(HTML框架+表单设计)
HTML框架
值:
5.<frameborder>是否需要邊框?<frameborder=“1”>顯示邊框;<frameborder=“0”>不顯示邊框。
4.其他相關(guān)標(biāo)簽
-
-
- <code>表示計(jì)算機(jī)源代碼或其他機(jī)器可以閱讀的文本內(nèi)容</code>也會(huì)將文本顯示為等寬字樣。
- <pre>定義預(yù)格式文本,被包圍在pre元素中的文本通常會(huì)保留空格和換行符。而文本也會(huì)呈現(xiàn)等寬字樣。
- <tt>呈現(xiàn)等寬文本效果
- <address>標(biāo)簽定義文檔或文章的作者聯(lián)系信息。
- 若<address>元素位于<body>元素內(nèi),則表示文檔聯(lián)系信息
- 若<address>元素位于<article>元素內(nèi),則表示文章的聯(lián)系信息
-
注:元素中的文本通常呈現(xiàn)為斜體。大多數(shù)瀏覽器會(huì)在 address 元素前后添加折行
HTML表單設(shè)計(jì)
-
- 當(dāng)type="text"時(shí),<input>表示一個(gè)輸入文本域
- 當(dāng)type="password"時(shí),<input>表示一個(gè)密碼輸入域。
? ? ? ? ? ? ? ?2.常見屬性:
-
-
- name 定義控件名稱
- value 初始化值,打開瀏覽器時(shí),文本框中的內(nèi)容
- size ? 設(shè)置控件的長(zhǎng)度
- maxlength 輸入框中最大 允許輸入的字符
-
? ? ? 3.按鈕的使用
注:單選按鈕和復(fù)選按鈕都可以使用"checked"屬性來(lái)設(shè)置默認(rèn)項(xiàng)。另name屬性一致時(shí),則為二選一。
如:
? ? ? 性別:<input type="radio" name="sex">男
? ? ? 性別:<input type="radio" name="sex">女
4.隱藏域:當(dāng)<input type="hidden">時(shí);
? ? ? 5.多行文本域:
用法:使用<textarea>標(biāo)記可以實(shí)現(xiàn)一個(gè)能夠輸入多行文本區(qū)域。
格式:<textarea name="name" rows="value" cols="value" ?value="value">...<textarea>
?注:rows和cols屬性分別用來(lái)指定顯示行的行數(shù)和列數(shù),單位是字符個(gè)數(shù)。
? ? ? 6.菜單下拉列表域<select>
語(yǔ)法格式: ? <select name="" size="value" multiple="value">
? ?<option value="" selected="selected">選項(xiàng)1</option>
? ?<option value="" selected="selected">選項(xiàng)2</option>
? ?<option value="" selected="selected">選項(xiàng)3</option>
</select>
<html> <head><title>網(wǎng)頁(yè)的框架</title><meta charset="utf-8"> </head><frameset rows="90,*,90" frameborder="1" border="1" noresize="noresize"><frame name="top" src="top.html"/><frameset cols="20%,80%"><frame name="left" src="left.html"/><frame name="right" src="right.html" scrolling="no"/></frameset><frame name="bottom" src="bottom.html"/></frameset> </html>?
<html> <head><title>表單設(shè)計(jì)練習(xí)</title><meta charset="utf-8"> </head> <body><form>賬號(hào):<input type="text" size="16"><br/><br/>密碼:<input type="password" size="16"><br/><br/>愛好:<input type="checkbox" name="tiyu">體育<input type="checkbox" name="yinyue">音樂(lè)<input type="checkbox" name="yingshi">影視<input type="checkbox" name="yuedu">閱讀<br/><br/>性別:<input type="radio" name="sex">男<input type="radio" name="sex">女<br/><br/>自我介紹;<br/><br/><textarea name="name" rows="10" cols="30" > 這里是自我介紹</textarea><br/><br/>地址:<select name="dizhi"><!--selected不添加也會(huì)有同樣的效果--><option value="shanxi" selected="selected">陜西</option><option value="sichuan" selected="selected">四川</option><option value="gansu" selected="selected">甘肅</option><option value="henan" selected="selected">河南</option></select><br/><br/><input type="submit" value="提交"><input type="reset" value="重置"><!--value不賦值,提交按鈕和重置按鈕會(huì)有同樣的效果,但是普通按鈕不會(huì)有文字,就只是個(gè)方形按鈕,大家可以自己練習(xí)一下--><input type="button" value="按鈕"></form> </body> </html>
? ? ?
?
轉(zhuǎn)載于:https://www.cnblogs.com/xsql/p/5973368.html
總結(jié)
以上是生活随笔為你收集整理的HTML 自学笔记(HTML框架+表单设计)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Java时间和时间戳的相互转换
- 下一篇: android 原色调渲染