HTML 自学笔记（HTML框架+表单设计）
HTML框架
值：
5.<frameborder>是否需要邊框?<frameborder=“1”>顯示邊框；<frameborder=“0”>不顯示邊框。
4.其他相關標簽
-
-
- <code>表示計算機源代碼或其他機器可以閱讀的文本內容</code>也會將文本顯示為等寬字樣。
- <pre>定義預格式文本，被包圍在pre元素中的文本通常會保留空格和換行符。而文本也會呈現等寬字樣。
- <tt>呈現等寬文本效果
- <address>標簽定義文檔或文章的作者聯系信息。
- 若<address>元素位于<body>元素內，則表示文檔聯系信息
- 若<address>元素位于<article>元素內，則表示文章的聯系信息
-
注：元素中的文本通常呈現為斜體。大多數瀏覽器會在 address 元素前后添加折行
HTML表單設計
-
- 當type="text"時，<input>表示一個輸入文本域
- 當type="password"時，<input>表示一個密碼輸入域。
? ? ? ? ? ? ? ?2.常見屬性：
-
-
- name 定義控件名稱
- value 初始化值，打開瀏覽器時，文本框中的內容
- size ? 設置控件的長度
- maxlength 輸入框中最大 允許輸入的字符
-
? ? ? 3.按鈕的使用
注：單選按鈕和復選按鈕都可以使用"checked"屬性來設置默認項。另name屬性一致時，則為二選一。
如：
? ? ? 性別：<input type="radio" name="sex">男
? ? ? 性別：<input type="radio" name="sex">女
4.隱藏域：當<input type="hidden">時；
? ? ? 5.多行文本域：
用法：使用<textarea>標記可以實現一個能夠輸入多行文本區域。
格式：<textarea name="name" rows="value" cols="value" ?value="value">...<textarea>
?注：rows和cols屬性分別用來指定顯示行的行數和列數，單位是字符個數。
? ? ? 6.菜單下拉列表域<select>
語法格式： ? <select name="" size="value" multiple="value">
? ?<option value="" selected="selected">選項1</option>
? ?<option value="" selected="selected">選項2</option>
? ?<option value="" selected="selected">選項3</option>
</select>
<html> <head><title>網頁的框架</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>表單設計練習</title><meta charset="utf-8"> </head> <body><form>賬號：<input type="text" size="16"><br/><br/>密碼：<input type="password" size="16"><br/><br/>愛好：<input type="checkbox" name="tiyu">體育<input type="checkbox" name="yinyue">音樂<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不添加也會有同樣的效果--><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不賦值，提交按鈕和重置按鈕會有同樣的效果，但是普通按鈕不會有文字，就只是個方形按鈕，大家可以自己練習一下--><input type="button" value="按鈕"></form> </body> </html>
? ? ?
?
轉載于:https://www.cnblogs.com/xsql/p/5973368.html
總結
以上是生活随笔為你收集整理的HTML 自学笔记（HTML框架+表单设计）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java时间和时间戳的相互转换
- 下一篇： HTML5小游戏《智力大拼图》发布，挑战