首頁 >web前端 >js教程 >html表單標籤是什麼? html中的form標籤使用方法

html表單標籤是什麼? html中的form標籤使用方法

云罗郡主
云罗郡主原創
2018-11-09 14:26:226311瀏覽

在html中,很多人都會遇到表單,但也有很多人不知道html表單標籤是什麼?現在很多網站都會用到表單,特別是一些醫療網站,可以收集一些用戶的信息,那麼,接下來,我們就來講述一下html中的form標籤使用方法。

一:html表單標籤是什麼

建立一個表單其實跟表格差不多,一般情況下,表格的行和欄位都是可以放在

之前的。目前,表單是擁有新的表單不同類型的輸入,其實也是更多的去控制和進行驗證,使用者可以在選框和下單框進行輸入資訊。

語法:

其中Input有很多類型,都是可以滿足使用者的使用的需求,例如:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>表单form标签</title>
</head>
<body>
    <form>
        <input type="text" value="这是一个文本框"/><br/>
        <textarea></textarea><br/>
        <select>
            <option>HTML</option>
            <option>CSS</option>
            <option>JavaScript</option>
        </select>
    </form>
</body>
</html>

顯示效果如下:

html表單標籤是什麼? html中的form標籤使用方法

二:html中的form標籤使用方法

在表單中,表單標籤有好幾個屬性,其中就包括了action、method、enctype和target,但在實際操作中,我們很多使用這些,因為這些使用都不是廣泛。

1.表單名稱name

很多程式設計師在製作網站的時候,可能與遇到一個頁面上有兩個或三個表單,為了我們區分這些表單,我們可以使用表單名稱name來命名進行命名表單,前面命名的名字不能出現空格等一些特殊符號,表單的命名也是也便於程式設計師修改,也防止使用者提交表單出現混亂。

表單名稱name語法:

<form name="php1">
……
</form>

其中php1就是表單的命名。

2.action

在表單中,我們使用action來進行表單的提交,可以提交到位址中處理。 【推薦閱讀:提交表單:js中form表單是如何提交的

#action語法:

<form  action="表单的处理程序">
……
</form>

表單處理的程式是根據使用者提交的地址,這個程序也是用於對表單的資訊的蒐集,提交的地址可以是相對的,也可以是絕對的,也可以是其他形式的地址。

3.傳送method方法

method是告訴瀏覽器指定將表單中,使用哪一個提交方式,method的取值有兩種,一種是get,另外一種就是post。 get的預設值是資料傳送到指定鏈接,然後這個url是送到程式上處理。 get屬性值是被包含在主體中,然後再送到程式上處理。

4.target的目標顯示方法

表單中的target和a標籤屬性一樣,都是表示在指定視窗中打開,然而target的預設值_self和新視窗打開,其他兩種用的都是很少的。

以上就是html表單標籤是什麼? html中的form標籤使用方法的完整介紹,如果你想了解更多有關JavaScript教學,請專注於php中文網。


以上是html表單標籤是什麼? html中的form標籤使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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