Single-line text fields and password fields in HTML basic tutorial forms

Single line text field

Syntax format:

Common attributes

name: the name of the text box. The naming rules are: it can contain letters, numbers, and underscores, and can only start with a letter.
type: Type of form element.
value: The value in the text box.
size: The length of the text box, in "characters".
maxLength: The maximum number of characters that can be entered. If it exceeds the number, it cannot be entered.
readonly: Read-only attribute. It can be selected but cannot be modified. For example: readonly = “readonly”
disabled: Disabled attribute. It cannot be selected or modified. For example: disabled = “disabled”

##Example:

Single line password field

##Syntax format:

< input type = “password” attribute = “value” />

Common attributes

value: The value in the element.

Example:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>用户注册</title>
    </head>
    <body>
        <font size="5" color="red">欢迎注册php.cn</font>
        <form name="user" method="get" action="" >
            用户名：<input type="text" name="username" value="请输入您的用户名" maxLength="6"/>
            <br/>
            密码：<input type="password" name="userpwd" maxLength="6"/>
            <br/>
            <input type="submit" value="提交信息"/>
        </form>
    </body>
</html>

You can also enter other attributes to view the results

Continuing Learning

||

new file

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用户注册</title> </head> <body> <font size="5" color="red">欢迎注册php.cn</font> <form name="user" method="get" action="" > 用户名：<input type="text" name="username" value="请输入您的用户名" maxLength="6"/> <br/> 密码：<input type="password" name="userpwd" maxLength="6"/> <br/> <input type="submit" value="提交信息"/> </form> </body> </html>

submit Reset Code
Automatic operation

Single-line text fields and password fields in HTML basic tutorial forms

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]