HTML form Tag

HTML <form> Tag

Example

A simple HTML form with two input fields and one submit button:

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

Try it yourself »
(more examples at the bottom of this page)

Definition and Usage

The <form> tag is used to create an HTML form for user input.

A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select menus, textarea, fieldset, legend, and label elements.

Forms are used to pass data to a server.


Browser Support

IE FireFox Opera Google Chrome Safari

The <form> tag is supported in all major browsers.


Differences Between HTML and XHTML

In XHTML, the name attribute of the <form> tag is deprecated, and will be removed. Use the id attribute instead.


Tips and Notes

Note: The form element is a block-level element, and creates a line break before and after itself.


Required Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

AttributeValueDescriptionDTD
actionURLSpecifies where to send the form-data when a form is submittedSTF

Optional Attributes

AttributeValueDescriptionDTD
acceptMIME_typeSpecifies the types of files that can be submitted through a file uploadSTF
accept-charsetcharsetSpecifies the character-sets the server can handle for form-dataSTF
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
Specifies how form-data should be encoded before sending it to a serverSTF
methodget
post
Specifies how to send form-dataSTF
namenameSpecifies the name for a formTF
target_blank
_self
_parent
_top
framename
Deprecated. Specifies where to open the action URLTF


Standard Attributes

The <form> tag supports the following standard attributes:

AttributeValueDescriptionDTD
classclassnameSpecifies a classname for an elementSTF
dirrtl
ltr
Specifies the text directionfor the content in an elementSTF
ididSpecifies a unique id for an elementSTF
langlanguage_codeSpecifies a language code for the content in an elementSTF
stylestyle_definitionSpecifies an inline style for an elementSTF
titletextSpecifies extra information about an elementSTF
xml:langlanguage_codeSpecifies a language code for the content in an element, in XHTML documentsSTF

More information about Standard Attributes.


Event Attributes

The <form> tag supports the following event attributes:

AttributeValueDescriptionDTD
onclickscriptScript to be run on a mouse clickSTF
ondblclickscriptScript to be run on a mouse double-clickSTF
onmousedownscriptScript to be run when mouse button is pressedSTF
onmousemovescriptScript to be run when mouse pointer movesSTF
onmouseoutscriptScript to be run when mouse pointer moves out of an elementSTF
onmouseoverscriptScript to be run when mouse pointer moves over an elementSTF
onmouseupscriptScript to be run when mouse button is releasedSTF
onkeydownscriptScript to be run when a key is pressedSTF
onkeypressscriptScript to be run when a key is pressed and releasedSTF
onkeyupscriptScript to be run when a key is releasedSTF
onresetscriptScript to be run when a form is reset 
onsubmitscriptScript to be run when a form is submitted 

More information about Event Attributes.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值