首頁 > web前端 > html教學 > html怎麼設定input的預設值

html怎麼設定input的預設值

青灯夜游
發布: 2021-12-10 16:45:58
原創
36577 人瀏覽過

在html中,可以利用value屬性來設定input的預設值,該屬性的作用就是規定input元素在網頁上顯示的初始(預設)值,語法為「」。

html怎麼設定input的預設值

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

在html中,可以利用value屬性來設定input的預設值。

value 屬性規定 元素在網頁上顯示的初始(預設)值。

value 屬性對於不同input 類型,用法也不同:

  • 對於"button"、"reset"、"submit" 類型- 定義按鈕上的文字

  • 對於"text"、"password"、"hidden" 類型- 定義輸入欄位的初始(預設)值

  • 對於"checkbox"、 "radio"、"image" 類型- 定義與input 元素相關的值,當提交表單時該值會傳送到表單的action URL。

注意:value 屬性對於 是必要的。

範例:帶有初始(預設)值的HTML 表單:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>

		<form action="/statics/demosource/demo-form.php">
			用户名: <input type="text" name="fname" value="John"><br>
			密 码: <input type="password" name="lname" value="123456"><br>
			<input type="submit" value="提交表单">
		</form>

	</body>
</html>
登入後複製

html怎麼設定input的預設值

推薦教學:《html視頻教程

以上是html怎麼設定input的預設值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板