html中form表单的使用方法

时间:2024-10-13 14:38:11

1、打开sublime text 3编辑器,新建一个HTML文档,并且编写基本的架构。

html中form表单的使用方法

2、form底下是input标签,这是一般基本的格式。

html中form表单的使用方法

3、<input type="text" name="username">这里类型是必填的,比如text就会生成单行文本框,name是提供给服务器的名字。

html中form表单的使用方法

4、为了和不同的input对于,我们一般用label标签。<label for="username">请输入信息:</label>这里的for和id是对应的。

html中form表单的使用方法
html中form表单的使用方法

5、如果不想让输入框的内容显示,可以用password这种形式。

html中form表单的使用方法
html中form表单的使用方法

6、实际上还有多种表单格式,根据自己的需求定制内容即可。

html中form表单的使用方法
html中form表单的使用方法
© 手抄报圈