如何使用html製作一個簡潔的提交表單(程式碼詳解)

奋力向前
發布: 2021-08-02 18:03:38
原創
9076 人瀏覽過

之前的文章《新手篇:如何用a標籤製作一個連結(分享)》中,給大家介紹如何使用A標籤製作一個連結。以下這篇文章跟大家介紹怎樣使用html製作表單的方法,我們一起看怎麼做,有需要的朋友可以參考一下,希望對你們有所助。

如何使用html製作一個簡潔的提交表單(程式碼詳解)

html製作表單的方法

#網頁中常見的「登入」「註冊」等功能通常都是使用表單實現的,例如下方是登入表單範例,其中就配合使用了&lt;input&gt;<button></button>

程式碼範例

<HTML>
	<form>
	<input placeholder="用户口"><br>
	<input placeholder="密码" type="password"><br>
	<button type="submit">登录</button>
	<button type="reset">重置</button>
	</form>
</HTML>
登入後複製

程式碼效果圖

如何使用html製作一個簡潔的提交表單(程式碼詳解)

#<form>表單的外殼:讓使用者提交一組數據,通常會配合其他元素一起使用。

<br> 標籤是空標籤:使用 <br> 來輸入空白行,而不是分割段落。

&lt;input&gt; 單行文字輸入方塊:元素通常指定使用者輸入,單純的&lt;input&gt;用單行輸入。

&lt;input&gt;
登入後複製

<button>按鈕:元素一般會配合其他元素或JavaScript使用

程式碼標記了一個按鈕

<button type="button">...</button>
登入後複製

<placeholder>佔位字元:當輸入框為空時,內部可以顯示一些指引內容讓使用者知道如何輸入

input placeholder="用户口"
登入後複製

推薦學習: Html影片教學

以上是如何使用html製作一個簡潔的提交表單(程式碼詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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