发表于: 2018-11-04 20:12:26

1 622


今天完成的事:

一、常见的表单元素有哪些?各有什么属性?

常用表单元素

                form:定义供用户输入的表单。

                fieldset:定义域。即输入区加有文字的边框。

                legend:定义域的标题,即边框上的文字。

                label:定义一个控制的标签。如输入框前的文字,用以关联用户的选择。

                input:定义输入域,常用。可设置type属性,从而具有不同功能。

                textarea:定义文本域(一个多行的输入控件),默认可通过鼠标拖动调整大小。

                button:定义一个按钮。

                select:定义一个选择列表,即下拉列表。

                option:定义下拉列表中的选项。


表单的种类

文本框: 文本框是一种让访问者自己输入内容的表单对象,通常被用来填写信息或者简短的回答,如姓名、地址等。

代码格式:<input type="text" name="..." size="..." maxlength="..." value="..."

 属性解释:

                type="text"定义单行文本输入框;

                name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

                size属性定义文本框的宽度,单位是单个字符宽度;

                maxlength属性定义最多输入的字符数。

                value属性定义文本框的初始值


多行文本框: 也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。

代码格式:<textarea name="..." cols="..." rows="..." wrap="VIRTUAL"></textarea>

属性解释:

                name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

                cols属性定义多行文本框的宽度,单位是单个字符宽度;

                rows属性定义多行文本框的高度,单位是单个字符宽度;

                wrap属性定义输入内容大于文本域时显示的方式


密码框: 是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。

代码格式:<input type="password" name="..." size="..." maxlength="...">

               属性解释:

                type="password"定义密码框;

                name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

                size属性定义密码框的宽度,单位是单个字符宽度;

                maxlength属性定义最多输入的字符数。


隐藏域: 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

代码格式:<input type="hidden" name="..." value="...">

属性解释:

                type="hidden"定义隐藏域;

                name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

                value属性定义隐藏域的值


单选框: 当需要访问者在单选项中选择唯一的答案时,就需要用到单选框了。

代码格式:<input type="radio" name="..." value="...">

 属性解释:

                type="radio"定义单选框;

                name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;

                value属性定义单选框的值,在同一组中,它们的域值必须是不同的。


复选框: 复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。

代码格式:<input type="checkbox" name="..." value="...">

属性解释:

                type="checkbox"定义复选框;

                name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

                value属性定义复选框的值


提交按钮: 提交按钮用来将输入的信息提交到服务器。

代码格式:<input type="submit" name="..." value="...">

属性解释:

                type="submit"定义提交按钮;

                name属性定义提交按钮的名称;

                value属性定义按钮的显示文字;


复位按钮: 复位按钮用来重置表单。

代码格式:<input type="reset" name="..." value="...">

属性解释:

                type="reset"定义复位按钮;

                name属性定义复位按钮的名称;

                value属性定义按钮的显示文字;


常用type属性:button、checkbox、hidden、image、password、checkbox、radio、reset、submit、text。

二、什么时候用margin好,什么时候用padding好

现目前来说,我觉得就是一个块比如div,要设置它和另一个块的距离用margin,设置它和内部内容的距离时用padding。(不晓得对不对,理解有错还请师兄明示。)

明天准备的事:

开始任务五

遇到的困难:

提问题的时候提不到点上,导致收不到想要的答案。

收获:

综上所述


返回列表 返回列表
评论

    分享到