发表于: 2018-07-03 22:22:30

1 766


2018.7.3

今天完成的事情:

1.完成任务八

2.开始任务十


明天计划的事情:

1.完成任务十


遇到的问题:


收获:

学习了css模拟html checkbox的功能。

纯css实现的主要手段是利用label标签的模拟功能。

label的for属性可以关联一个具体的input元素,即使这个input本身不可被用户可见,有个与它对应的label后,用户可以直接通过和label标签交互来替代原生的input。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

通过隐藏原生input,通过input的id,关联对应label标签,然后对label标签进行样式定义


<input> 标签

<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

<input>没有结束标签。

<input/> 标签必须被/正确地关闭。

input标签常用的样式

text           定义图像输入的替代文本。规定帮助用户填写输入字段的提示。

checked         规定此 input 元素首次加载时应当被选中。用于多选框按钮

number          规定输入字段中的字符的最大长度。

field_name       定义 input 元素的名称。

button          定义按钮,现在利用button标签实现

password         定义密码

radio           定义多选按钮

checkbox         定义复选框



返回列表 返回列表
评论

    分享到