1.<form>标签是一个块级元素。
2.内部经常搭配<label> <iput>标签使用。
3.在网站设计中,经常使用<ul>列表标签来对表格进行排序。
4.<label>标签是一个行内元素。
5.<label>标签中的for属性的值,常常对应<input>标签中id属性的值,这在表单设计中几乎是一直要用的,作用就是当你点击表单其中一个前面的名称时,可以让浏览器快速切换到 输入栏 中。比如下图,
如果我不添加“for=name”等于“id=name”,那么当我点击 “Name”时,不会有任何反应,这对用户老说不太友好。
6.<input>标签中的type属性的值至关重要,这决定了当用户输入错误的值的时候,浏览器是否会提醒用户,如email中,如果输入type=emai, 那么当用户输入错误的邮箱地址时,浏览器就会提醒用户输入正确的地址
7.我们经常也要用到在输入栏里填写一些文字来帮助用户理解这一栏中需要填写什么格式,
要注意的地方在于,<input>标签是不需要闭合标签的,所以它需要一个额外的value="xxxx",来填写,而<textarea>标签是需要闭合标签的,它可以直接在标签内部填写就可以了,如:<textarea>xxx</textarea>。
8.下方的提交按钮,有两种方法都可以实现,第一种还是使用<input type="submit">不过这个方法在后期按钮的设计中会出现局限性,这种方法内的必须是文本格式。
第二种方法就是使用<button>提交<button>这种方法在后期与js搭配起来更加得心应手。
仅作为自学前端路上的记录历程,可能文章有不对的地方,还望大佬指正