首頁 >web前端 >html教學 >如何使用HTML建立表單的傳送

如何使用HTML建立表單的傳送

不言
不言原創
2018-11-21 09:45:533394瀏覽

HTML除了顯示字元和圖像的語言以外,其實還有建立簡單表單的功能,這篇文章就來給大家分享如何使用HTML格式建立發送表單。

我們先來解釋一下表單元素:表單元素是建立提交表單的必要元素。

基本格式如下:

<form action =""method ="">
  //填写表单的内容
</ form>

實際上,它雖然不顯示僅使用表單元素進行成像的輸入表單,但可以透過在表單中放置諸如input屬性之類的部分來顯示表單。

表單元素是一個圖像,例如將部分放在一起發送訂單的標籤。

說了這些,可能對於表單還是不夠清晰,下面我們就來看看具體的內容。

action屬性

action屬性的作用是指定在傳送表單後將資料傳送到的位置。

範例:

指定為外部URL

我們將表單資料傳送到URL(http://www.php.cn/)

<form action ="http://www.php.cn/">

指定為內部URL

將表單資料傳送至form.php,在新增至目前URL末端的位置進行處理。

<form action ="form.php">

未指定

將表單資料傳送到目前URL。

<form>

method屬性

傳送表單時指定method屬性的作用與傳送方法。

常見的傳輸方法是POST和GET。

我們來看一個具體的例子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
</head>
<body>
<form action="" method="">
  <div>
    <label for="message">message:</label>
    <br>
    <input type="text" />
  </div>

  <div class="button">
    <button type="submit">发送消息</button>
  </div>
</form>
</body>
</html>

效果如下:

如何使用HTML建立表單的傳送

說明:在上述程式碼中,form是一個大的標籤;下面是label,這可以設定在表單上的標籤,這次產生的是一個message的標籤。接下來是input標籤,使用input的話可以產生輸入的形式;最後是button,button是可以產生按鈕的標籤。

以上是如何使用HTML建立表單的傳送的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn