发表于: 2019-08-04 21:04:02
1 872
今天完成的事情:
完成了任务十的进度,学习了文本框,文本域,单行,多行的差别,
有两种方式来表现文本框:一种是使用《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文档中确认
这样就可以完成按钮格式的修改了。
今天的收获:
学会了对按钮格式的修改,完成了对所学知识的巩固,提升了基础代码的速度。
评论