HTML name Attribute

❮ HTML Attributes


<form action="action3.html" method="get">
	Click the button.
	<button name="subject" type="submit" value="HTML">HTML</button>
	<button name="subject" type="submit" value="CSS">CSS</button>
	<button name="subject" type="submit" value="JavaScript">JavaScript</button>


The name attribute is used to define a name for the element so that it can be scripted by older browsers or used to provide a name for submit buttons when a page has more than one. The id attribute is preferred for scripting purposes.

Note: Unlimited number of <button> elements can share the same name.

Standard Syntax

<element name="name">

Browser Support


Applies to:

The name attribute can be used on the following element:

Element Attribute
<button> name
<fieldset> name
<form> name
<iframe> name
<input> name
<map> name
<meta> name
<object> name
<output> name
<param> name
<select> name
<textarea> name

Attribute Values

Value Description
name The name of the elements.

More Examples

<fieldset> Example

<form action="elements/action3.html" method="get">
	<fieldset name="userinfo">
		<legend>User Info:</legend>
		<label for="fname">First name:</label>
		<input type="text" id="fname" name="fname">
	<button type="button" onclick="'tomato'"> Change background color of fieldset</button>
	<input type="submit" value="submit">

<form> Example

<form name="myForm" action="action.html" method="get">
	<label for="fname">First name:</label>
	<input type="text" id="fname" name="fname"><br>
	<label for="lname">Last name:</label>
	<input type="text" id="lname" name="lname"><br>
	<input type="submit" value="Submit">

<iframe> Example

<iframe src="demo/demo.html" name="iframe_demo">
Your browser does not support frame element.
<a href="demo/demo2.html" target="iframe_demo">Demo 2 HTML page.</a>

<input> Example

<form action="action.php">
	<label for="fname">First name:</label>
	<input type="text" id="fname" name="fname"><br><br>
	<label for="lname">Last name:</label>
	<input type="text" id="lname" name="lname"><br><br>
	<input type="submit" value="Submit">

<map> Example

<img src="demo/desk.jpg" usemap="#image-map">

<map name="image-map">
    <area target="_blank" alt="Mobile" title="Mobil" href="demo/mobile.png" coords="174,432,285,626" shape="rect">
    <area target="_blank" alt="computer" title="computer" href="demo/computer.png" coords="409,369,856,657" shape="rect">
    <area target="_blank" alt="clock" title="clock" href="demo/clock.png" coords="1158,203,58" shape="circle">

<meta> Example

	<meta name="language" content="EN">
	<meta name="description" content="add up to 160 characters">
	<meta name="keywords" content="your, keywords">
	<meta name="robots" content="index, follow">
	<meta name="copyright"content="company">
	<meta name="author" content="John Doe, [email protected]">
	<meta name="distribution" content="Global">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

<object> Example

<object name="object1" data="demo/image.jpg" width="300" height="150"></object>

<output> Example

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
	<input type="range" id="b" name="b" value="50" /> +
	<input type="number" id="a" name="a" value="10" /> =
	<output name="result" for="a b">50</output>

<param> Example

<object data="demo/video.mp4">
	<param name="videplay" value="true">

<select> Example

<label for="lang">Choose your option:</label>

<select name="language" id="lang">
	<option value="HTML">HTML</option>
	<option value="CSS">CSS</option>
	<option value="JavaScript">JavaScript</option>

<textarea> Example


<form action="action.php">
	<label for="demo">textarea demo:</label>
	<textarea id="demo" name="textareaText">Hello world!</textarea>
	<input type="submit" value="Submit">
❮ HTML Attributes