html怎么制作表单,HTML如何制作表单

制作表单的方法:首先使用form标签创建表单,搭建表单框架;然后使用input标签创建文本输入框和提交按钮;接着使用select和option标签创建下拉列表;最后使用textarea标签创建文本区域即可。

e123b717787c9db106a908689d6cfbfa.png

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML 表单用于收集不同类型的用户输入。

表单是一个包含表单元素的区域

表单元素是允许用户在表单中输入内容, 比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等

表单使用表单标签 来设置

HTML 表单-输入元素多数情况下被用到的表单标签是输入标签(input)。

输入类型是由类型属性(type)定义的。

文本域(Text Fields)

用户注册页面

用户名:

2f86ee675b5571fbb840e200f7a9956c.png

密码字段

密码:

确认密码:

13c44e8eda44914c9d57fb06c7059152.png

单选按钮(Radio Buttons)

性别:男

e6a49d6e5c0b7deb50db0940f5477143.png

复选框(Checkboxes)

爱好:吃饭

睡觉

打游戏

065d16aba2888c941c3fd5a95d7f0843.png

简单的下拉列表

出生日期:

2019

2018

2017

2016

1

2

3

4

5

6

7

8

9

1

2

3

4

5

6

7

8

9

011aa2bb4ec1115ed6e19a95390bb5f7.png

重置

4b074e9e7ec2d49e1d47fb7d36e46601.png

提交按钮(Submit Button)

346ee99efca8e2ada30e1ca43fd2f835.png

文本域(Textarea)

2ec61b685b1ca3c147f9b8e29bb74195.png

完整代码

注册页面

action="#"

method="post"

enctype="multiple/form-data"

>

用户注册页面

用户名:

密码:

确认密码:

性别:男

爱好:吃饭

睡觉

打游戏

出生日期:

2019

2018

2017

2016

1

2

3

4

5

6

7

8

9

1

2

3

4

5

6

7

8

9AA

实验结果

4669c5693265ef0c57ee71c0a0994932.png

【推荐学习:Html5教程】

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值