网页制作1221

认识表单
创建表单,在HTML中(form)(form)标签被用于定义表单域text area控件
select控件:下拉菜单。
HTML表单的创建

用途:

表单用于获取不同类型的用户输入。

例如,文字,按钮等。

type=“text” 文本的输入

type=“password” 密码的输入

常用的表单:

1.复选框    文本   

        代码:

        效果:

2.单选按钮   文本

       代码:

       效果:

       注:name属性,将不同的元素划分为1个组,实现多选一。否则可以不止选一个元素,无法达成单选的目标。

3.下拉列表

    

    代码:

    效果:

4.文本域  

      代码:

      运行结果:

5.创建按钮   

       代码:

          

      运行结果:

练习代码:

表单

用户名:

密码:
你喜欢的水果有:
苹果 香蕉
请选择你的性别: 男
请选择常用的网站:

运行效果:

HTML表单的创建

用途:

表单用于获取不同类型的用户输入。

例如,文字,按钮等。

type=“text” 文本的输入

type=“password” 密码的输入

常用的表单:

1.复选框    文本   

        代码:

        效果:

2.单选按钮   文本

       代码:

       效果:

       注:name属性,将不同的元素划分为1个组,实现多选一。否则可以不止选一个元素,无法达成单选的目标。

3.下拉列表

    

    代码:

    效果:

4.文本域  

      代码:

      运行结果:

5.创建按钮   

       代码:

          

      运行结果:

练习代码:

表单

用户名:

密码:
你喜欢的水果有:
苹果 香蕉
请选择你的性别: 男
请选择常用的网站:

运行效果:

posted @ 2020-12-24 09:45  妍妍a  阅读(93)  评论(0)    收藏  举报