HTML text input <input type="text">

HTML Tutorial » HTML text input <input type="text">

Study in this chapter:
1. How do you input text in HTML?
2. What is a text input element?
3. What is text input controls in HTML? - Password input controls − This is also a single-line text input but it masks the character as soon as a user enters it.
4. html text input field,
5. - max lenght,
6. - place holder,
7. - width,
8. - multiline,
9. - numbers only, - validation, - dropdown,
10. - types,- attributes, - events, -on change.

Syntax:

Browser Support HTML text input <input type="text">

Element	Chrome	IE	Firefox	Opera	Safari
HTML text input <input type="text">	Yes	Yes	Yes	Yes	Yes

The <input> element is - used to collect and retrieve user data from a web form and define a single-line text field that a user can enter text into.

The <input> element represents a typed data field, usually with a form control to allow the user to edit the data.

<form action="/action_page.php">

<label for="name">Name (4 to 8 characters):</label>

<input type="text" id="name" name="name" required maxlength="8" size="10"> 

	<input type="submit" value="Submit">

</form>

<input type="text"> defines a single-line text field.

Default width of the text field is 20 characters.

Always add the <label> tag for best accessibility practices!

Related subjects:
HTML Form Form Action Attribute Text color style

Puteți furniza substituent în textul introdus, care poate oferi un indiciu despre ce să tastați in interiorul cutiei, inclusiv folosind atributul substituent.

The physical size of the input box can be controlled using the size attribute. With it, you can specify the number of characters that the entered text can display. This affects the width of the element, allowing you to specify the width in terms of characters rather than pixels. For example, the input is 450 characters wide:

<form action="/action_page.php">

<label for="uname">Choose a username: </label>

<input 
type="text"

id="uname"

name="name"

placeholder="Lower case, names"

size="30" />

	<input type="submit" value="Submit">

</form>

Tags: How do you input text in HTML?, What is a text input element? What is text input controls in HTML? - Password input controls − This is also a single-line text input but it masks the character as soon as a user enters it. - text input field, - max lenght, - place holder, - width, - multiline, - numbers only, - validation, - dropdown, - types,- attributes, - events, -on change.

To create a multi-line text input, use the HTML <textarea> tag. You can set the size of a text area using the cols and rows attributes. It is used within a form, to allow users to input text over multiple rows.

<form action="/action_page.php">

<textarea rows = "5" cols = "60" name = "description">

Enter details here...

</textarea><br>

	<input type="submit" value="Submit">

</form>

<textarea> tag defines a multi-line text input control.

<textarea> element is used in a form, to collect user inputs as comments or reviews.

A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier).

The size of a text area is specified by the cols and rows attributes (or with CSS).

The id attribute - associate the text area with a label. 

Summary of description

• How do you input text in HTML?
• What is a text input element?
• What is text input controls in HTML? - Password input controls − This is also a single-line text input but it masks the character as soon as a user enters it.
• html text input field,
• - max lenght,
• - place holder,
• - width,
• - multiline,
• - numbers only, - validation, - dropdown,
• - types,- attributes, - events, -on change.