html 怎麼設定預設值

PHPz
發布: 2023-04-21 17:08:55
原創
5879 人瀏覽過

HTML是超文本標記語言,它是用來製作網頁的基礎語言。一個網頁通常包括HTML、CSS和JavaScript三種語言。其中,HTML是最基礎的語言,它用來描述網頁的文字內容、結構和版面。

當我們在設計網頁的時候,有時會需要設定一些控制項的預設值,例如輸入方塊、下拉方塊、單選方塊、複選框等等。這些控制項的預設值是指當使用者造訪網頁時,這些控制項顯示的值。如果沒有設定預設值,那麼這些控制項通常是空白的。

那麼,如何在HTML中設定控制項的預設值呢?接下來,就讓我們一起來了解一下。

一、HTML中設定輸入框的預設值

在HTML中,可以透過在標籤中設定value屬性來設定輸入框的預設值。例如:

<input type="text" name="username" value="admin">
登入後複製

上面程式碼中,name屬性表示該輸入框的名稱是"username",value屬性表示該輸入框的預設值是"admin"。

二、HTML中設定下拉方塊的預設值

在HTML中,可以透過在標籤中設定checked屬性來實現。例如:

<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female

<input type="checkbox" name="hobby" value="reading" checked> Reading
<input type="checkbox" name="hobby" value="traveling" checked> Traveling
<input type="checkbox" name="hobby" value="sports"> Sports
登入後複製

在上面的程式碼中,第一個單選方塊和前兩個複選框設定了checked屬性,表示它們是預設選取的。注意,單選框和複選框的name屬性必須相同,否則它們就不會在同一個選項組內。

四、HTML中設定文字域的預設值

文字域是一個多行的輸入框,它的預設值可以透過在