html5学习笔记(二)

时间:2022-12-16 19:39:18

今天学习了,一些列表标签的使用和区别还有非常重要的表单标签的使用:

 

 <ul>标签为无序列表标签,搭配<li>标签使用

 

 <ol>标签有序标签,<li>标签使用

 

 <li>标签定义列表项目。

 

<dl>标签自定义列表。

 

<dt>标签:自定义列表的项目。

 

<dd>标签:自定义列表项目中的内容。

 

<form>标签:用于创建用户输入的表单。

 

<label>标签:为<input>标签定义标记。

 

<input>标签:收集用户信息。

 

主要属性:      checked:首次加载时的默认选择。

                          disabled:禁用该元素。

                         type:规定input标签的类型。

                         value:定义信息。                    

                                                                    type属性

定义和用法:规定input标签的属性。

主要属性:       button:点击按钮。

                           checkbox:多选框。

                           file:输入字段和浏览按钮,供文件上传。
                            hidden:隐藏的输入字段。
                            image:图片形式的提交按钮
                            password:密码字段,输入的信息会被掩码
                            radio:单选按钮
                            reset:重置按钮。会清除表单的所有数据
                            submit:提交按钮。
                            text:单行的输入字段,可以输入文本。

                                                                    <select>标签 

定义和用法:创建下拉单选或多选菜单。<option>标签就是列表中的可用选项。

主要属性:       multiple:可以选择多个选项

                           disabled:禁用下拉列表

                                                                   <option>标签

定义和用法:下拉菜单的可用选项。

定义和用法:           disabled:该选项首次加载时被禁用

                                   selected:该选项首次加载时被选中状态。

                                                                   <textarea>标签

定义和用法:多行的文本输入控件。

定义和用法:            cols:规定文本区的可见宽度。

                                    disabled:禁用该文本区

                                    rows:规定文本区内的可见行数。

                                    placeholder:描述文本区的简短提示。