HTML

標(biāo)簽

HTML

標(biāo)簽作用

HTML

標(biāo)簽是

文檔的一部分，其中包含諸如文本字段，密碼字段之類的控件，復(fù)選框，單選按鈕，提交按鈕，菜單等。

HTML

可幫助用戶輸入要發(fā)送到服務(wù)器進(jìn)行處理的數(shù)據(jù)，例如姓名，電子郵件地址，密碼，電話號碼，等。

為什么要使用HTML

標(biāo)簽

如果要從站點(diǎn)訪問者那里收集一些數(shù)據(jù)，則需要HTML

。

例如:用戶想在互聯(lián)網(wǎng)上購買某些物品，他/她必須填寫表格，例如送貨地址和信用卡/借記卡詳細(xì)信息，以便可以將物品發(fā)送到給定的地址。

HTML

語法

// input 中可以是文本框、富文本框,單選框、各種按鈕

HTML

標(biāo)簽說明

標(biāo)簽

說明

它定義了HTML

以在使用側(cè)輸入輸入。

它定義了一個輸入控件。

它定義了多行輸入控件。

它為輸入元素定義標(biāo)簽。

它以表格的形式將相關(guān)元素分組。

它為

元素定義標(biāo)題。

它定義了一個下拉列表。

它在下拉列表中定義了一組相關(guān)選項。

它在下拉列表中定義一個選項。

它定義了一個可點(diǎn)擊的按鈕。

HTML 5中

標(biāo)簽說明

我們來看看HTML 5

標(biāo)簽的列表。

標(biāo)簽

說明

它指定了用于輸入控制的預(yù)定義選項的列表。

它為

定義了密鑰對生成器字段。

它定義了計算結(jié)果。

HTML

元素

HTML

元素提供了一個文檔部分，用于接收用戶的輸入。它提供了用于向Web服務(wù)器提交信息的各種交互式控件，例如文本字段，文本區(qū)域，密碼字段等。

注意:

元素本身并不創(chuàng)建，但它是包含所有必需的元素(例如、等)的容器。

語法:

// 表單元素

HTML 元素

HTML 元素是基本

元素。它用于創(chuàng)建字段，以接受用戶輸入。我們可以應(yīng)用不同的輸入字段來收集不同形式的用戶信息。以下是顯示簡單文本輸入的示例。

示例:

Enter your name

輸出:

HTML TextField控件

輸入標(biāo)記的type ="text"屬性可創(chuàng)建文本字段控件，也稱為單行文本字段控件。 name屬性是可選的，但對于服務(wù)器端組件(例如JSP，ASP，PHP等)是必需的。

First Name:

Last Name:

輸出:

注意:如果您省略'name'屬性，則文本字段輸入將不會提交給服務(wù)器。

HTML 標(biāo)記形式

HTML中的標(biāo)記用于在中插入多行文本。可以使用"行"或" cols"屬性或通過CSS指定的大小。

示例:

Form in HTML

Enter your address:

輸出:

中的標(biāo)簽標(biāo)簽

最好在

中添加標(biāo)簽。因為它使代碼解析器/瀏覽器/用戶友好。

如果您單擊標(biāo)簽，它將集中在文本控件上。為此，您需要在標(biāo)簽標(biāo)簽中具有for屬性，該屬性必須與輸入標(biāo)簽的id屬性相同。

注意:注意:最好將標(biāo)記與一起使用，盡管它是可選的，但是如果您將使用它，則在您點(diǎn)擊或單擊時它將提供焦點(diǎn)。在標(biāo)簽標(biāo)簽上。觸摸屏更值得。

First Name:

Last Name:

輸出:

HTML密碼字段控件

在密碼字段控件中，用戶看不到密碼。

Password:

輸出:

HTML 5電子郵件字段控件

HTML 5中新增的電子郵件字段。它會驗證文本是否包含正確的電子郵件地址。您必須使用@和。在這個領(lǐng)域。

Email:

它將在如下瀏覽器中顯示:

注意:如果我們輸入的電子郵件不正確，則會顯示如下錯誤:

單選按鈕控件

單選按鈕用于從多個選項中選擇一個選項。它用于選擇性別，測驗問題等。

如果對所有單選按鈕都使用一個名稱，則一次只能選擇一個單選按鈕。

使用單選按鈕顯示多個選項，一次只能選擇一個選項。

Gender:

Male

Female

復(fù)選框控件

該復(fù)選框控件用于檢查給定復(fù)選框中的多個選項。

Hobby:

Cricket

Football

Hockey

注意:這些與單選按鈕相似，不同之處在于它可以一次選擇多個選項，單選按鈕可以一次選擇一個按鈕并顯示。

輸出:

提交按鈕控件

HTML

用于在網(wǎng)頁上添加提交按鈕。當(dāng)用戶單擊"提交"按鈕時，表格將提交到服務(wù)器。

語法:

type="submit" ，指定它是一個提交按鈕

value屬性可以是我們在網(wǎng)頁按鈕上編寫的任何內(nèi)容。

此處可以省略name屬性。

示例:

Enter name

Enter Password

輸出:

HTML

元素:

HTML中的

元素用于對的相關(guān)信息進(jìn)行分組。此元素與

元素一起使用，該元素為分組的元素提供標(biāo)題。

示例:

User Information:

Enter name

Enter Password

輸出:

HTML

示例1

以下是簡單注冊形式的示例。

Form in HTML

Registration form

User personal information

Enter your full name

Enter your email

Enter your password

confirm your password

Enter your gender

Male

Female

others

Enter your Address:

輸出:

HTML

示例2

讓我們看一個創(chuàng)建HTML

的簡單示例。

Enter name:
Enter password:
Enter Email:	>
Enter Gender:	male female
Select Country:	india pakistan africa china other

Enter name:

Enter password:

Enter Email:

Enter Gender:

male female

Select Country:

india pakistan africa china other

支持瀏覽器

標(biāo)簽

支持

支持

支持

支持

支持

總結(jié)

以上是生活随笔為你收集整理的姓名性别电话邮箱html表单,HTML form标签语法、属性、规范和示例详细说明-立地货...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。