HTML Form Attributes

Intermediate ~10 min read

The Action Attribute

The action attribute specifies where to send the form data when submitted. It usually points to a server-side script.

HTML

CSS

<form action="/submit" method="post">\n  <input type="text" name="username">\n  <button type="submit">Submit</button>\n</form>

The Method Attribute

The method attribute specifies how to send form data:

GET - Appends data to URL (visible, bookmarkable, limited size)
POST - Sends data in request body (hidden, no size limit)

HTML

CSS

<!-- GET: Data visible in URL -->\n<form action="/search" method="get">\n  <input type="text" name="q" placeholder="Search...">\n  <button type="submit">Search</button>\n</form>\n\n<!-- POST: Data hidden in request body -->\n<form action="/login" method="post">\n  <input type="password" name="pass">\n  <button type="submit">Login</button>\n</form>

Best Practice: Use GET for searches and filters. Use POST for sensitive data like passwords or when modifying data.

The Enctype Attribute

The enctype specifies how form data should be encoded. It's required for file uploads:

application/x-www-form-urlencoded - Default, encodes all characters
multipart/form-data - Required for file uploads
text/plain - Sends data without encoding (not recommended)

HTML

CSS

<!-- For file uploads -->\n<form action="/upload"\n      method="post"\n      enctype="multipart/form-data">\n  <input type="file" name="photo">\n  <button type="submit">Upload</button>\n</form>

Other Form Attributes

target - Where to display response (_self, _blank, _parent, _top)
autocomplete - Enable/disable browser autocomplete (on/off)
novalidate - Disable browser validation
name - Name for the form (used in JavaScript)

Quick Quiz

Which enctype is required for file uploads?

application/x-www-form-urlencoded

multipart/form-data

text/plain

application/json

Previous Input Types

Next Form Validation

The Action Attribute

The Method Attribute

The Enctype Attribute

Other Form Attributes

Quick Quiz

Enjoying these tutorials?