发表于: 2019-08-04 21:04:02

1 870


今天完成的事情:

     完成了任务十的进度,学习了文本框,文本域,单行,多行的差别,

                 有两种方式来表现文本框:一种是使用《input》元素的单行文本,另一种是使用《textarea》的多行文本框。这两个控件非常相似,而且使用的时候也差不多。不过,它们之间仍然从在区别。

                    要表现文本框,必须将《input》元素的type特性设置为text。而通过设置size特性,可以指定文本框中能够显示的字符数。可以设置文本框的初始值,而《maxlength》特性则用于指定文本框可以接收的最大字符数。如果要创建一个文本框,让它能显示20个字符,但输入不能超过50个字符,可以使用如下代码:


             而《textarea》元素则始终会呈现为一个多行文本框。

              要指定文本框的大小,可以使用《rows》和《colos》特性。其中,《rows》特性指定的是文本框的字符行数,而《cols》特性指定的是文本框的字符列数。和《input》元素不同,《textarea》的初始值必须要放在《textarea》和他的结束《/textarea》之间,如下所示   

    

另一个与《input》的区别在于,不能给《textarea》设置最大字符数。
无论这两种文本框在标记中有什么区别,但它们都回将用户输入的内容保存在《value》属性中。

    明天计划的事情:

     明天准备完成任务十,开始任务十一,准备CSS的重构任务。

    遇到的问题:

    今天遇到的问题,实在攻略任务十的时候,他的按钮和我所使用的的按钮样式不一样。

这是我所使用的按钮格式:

这是任务要求的按钮格式:

而要完成任务要求的按钮格式,只能自己来对按钮样式进行修改,在文本框《input》中给予属性来达到任务要求的样式,

这些属性是可以在CSS中给予属性来进行修改,然后在HTML文档中确认

这样就可以完成按钮格式的修改了。

今天的收获:

学会了对按钮格式的修改,完成了对所学知识的巩固,提升了基础代码的速度。




返回列表 返回列表
评论

    分享到