HTML 4.01 快速導覽 - 按鈕 <button>

<button> 為行內元素 (inline element) ，用來在網頁中顯示使用中輸入的按鈕。



起始標籤結束標籤
需要需要


<button> 有幾個屬性
屬性值Deprecated or Obsolete
typesubmit
button
reset
name名稱
value值


<button> 就是按鈕，舉例如下
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title>網頁標題</title>
</head>
<body>
<button type="button">按鈕1</button><br / >
<button type="button">按鈕2</button><br / >
<button type="button">按鈕3</button><br / >
<button type="button">按鈕4</button><br / >
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：formexample03.html
     功能：示範 HTML 4.01 標記語言的使用
     作者：張凱慶
     時間：西元 2011 年 5 月 -->


利用瀏覽器 (broswer) 開啟，結果如下



type 屬性若設定成 reset ，可恢復同一個 <form> 中輸入元件的預設值，例如
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title>網頁標題</title>
</head>
<body>
<form>
 <button type="reset">重設</button>
 <input type="text" value="預設文字" />
</form>
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：formexample04.html
     功能：示範 HTML 4.01 標記語言的使用
     作者：張凱慶
     時間：西元 2011 年 5 月 -->


開啟如下



輸入 "Hello, wold!"



點擊「重設」按鈕



中英文術語對照
行內元素inline element
瀏覽器broswer


您可以繼續參考



相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁


參考資料

標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)