"if you encounter any errors in SAP, send me a screenshot at pramod@learntosap.com, and I will help you resolve the issue."

HTML Input form Attributes Tag –

HTML TUTORIALS-

HTML Input form* Attributes Tag –

Introduction-

🔹In HTML, the <input> tag is used to create interactive controls in web forms to accept user data. It supports a wide range of attributes that control its behavior, appearance, and functionality. Here's a categorized list of common <input>attributes:

Trulli Trulli

✅ 1. Basic Attributes:-

Emoji Examples in HTML

HTML Basic Attributes

Attribute Description
type Specifies the type of input (text, password, email, checkbox, radio, etc.)
name Name of the input (used when submitting the form)
value Default value of the input
id Unique identifier
class Used for CSS styling

✅ Form Behavior:-

Emoji Examples in HTML

HTML Form Behavior

Attribute Description
form Associates the input with a
element by ID
formaction URL to send form data (used with submit buttons)
formenctype Type of content encoding (multipart/form-data, etc.)
formmethod HTTP method (get, post)
formtarget Where to display the response (_blank, _self)
formnovalidate Disables validation when submitting the form

✅ User Experience:-

Emoji Examples in HTML

HTML User Experience

Attribute Description
placeholder Temporary text shown inside the input
autocomplete Enables or disables autofill (on, off)
autofocus Automatically focuses on this field when page loads
spellcheck Enable/disable spell checking
size Width of the input (in characters)

✅ Special Attributes (Depending on Type):-

Emoji Examples in HTML

HTML Special Attributes (Depending on Type)

Attribute Description
checked Pre-select checkbox or radio
multiple Allow multiple file uploads or selections
accept Accepted file types (.jpg, .pdf, etc.)
src URL of the image (for type="image")
alt Alternative text for image inputs
list Binds input with for suggestions

✅ Example:-

<form action="/submit" method="post">
  <input type="text" name="username" placeholder="Enter username" required maxlength="20">
  <input type="email" name="email" required>
  <input type="password" name="password" required minlength="6">
  <input type="submit" value="Register">
</form>

Live Code Preview

May Be Like Important Link-

-Credit Memo and Return PO

-Bill Of Material (BOM)

-How To Create Quotation

-How To Create Debit Memo Request