| Line 2: | Line 2: | ||
text | text | ||
===Type=== | ===Type=== | ||
| − | + | input | |
===Synopsis=== | ===Synopsis=== | ||
How to render a text input field | How to render a text input field | ||
===Description=== | ===Description=== | ||
| − | + | input elements of type="text" create input fields that let the user enter a text. This is probably one of the most used fields in a form. | |
===Parameters=== | ===Parameters=== | ||
| Line 20: | Line 20: | ||
===Example=== | ===Example=== | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | < | + | <input type="text" name="uname" placeholder="Type your username" required="required" /> |
</syntaxhighlight> | </syntaxhighlight> | ||
| − | < | + | <input type="text" name="uname" placeholder="Type your username" required="required" /> |
===Note=== | ===Note=== | ||
All attributes for a text input field are supported (like in this case : name, placeholder and required.) | All attributes for a text input field are supported (like in this case : name, placeholder and required.) | ||
===Links=== | ===Links=== | ||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text | https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text | ||
Revision as of 10:33, 3 January 2023
Name
text
Type
input
Synopsis
How to render a text input field
Description
input elements of type="text" create input fields that let the user enter a text. This is probably one of the most used fields in a form.
Parameters
type="text"
All other valid parameters for an input field are valid. Additionally you can use the following attributes: - list - minlength - maxlength - pattern - size - spellcheck
Example
<input type="text" name="uname" placeholder="Type your username" required="required" />
Note
All attributes for a text input field are supported (like in this case : name, placeholder and required.)
Links
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
