溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

什么是html表單標簽?form標簽怎么使用?

發(fā)布時間:2020-07-10 16:36:48 來源:億速云 閱讀:170 作者:Leah 欄目:web開發(fā)

這期內容當中小編將會給大家?guī)碛嘘P什么是html表單標簽?form標簽怎么使用?文章內容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

一:html表單標簽是什么

創(chuàng)建一個表單其實和表格差不多,一般情況下,表格的行和列都是可以放在<table>,而創(chuàng)建的表單是放在<form>之前的。目前,表單是擁有新的表單不同類型的輸入,其實也是更多的去控制和進行驗證,用戶可以在選框和下單框進行輸入信息。

語法:<form><input/></form>

其中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表單標簽?form標簽怎么使用?

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

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

1.表單名稱name

很多程序員在制作網站的時候,可能與遇到一個頁面上 有兩個或者三個表單,為了我們區(qū)分這些表單,我們可以使用表單名稱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表單標簽?form標簽怎么使用?了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI