HTML标记的属性

上周,我的朋友正在做一个网页设计项目,他告诉我有关使用 HTML 主题的信息。
他说基本语法是:在标签名后面,用空格分隔属性名和属性值,并用等号连接。
例如,

标题文本

,其中align是属性名称,center是属性值。

他还说属性可以有很多个,顺序并不重要。
标签和属性名称之间以及属性之间必须有空格。
每个属性都有一个默认值。
如果未键入,将使用默认值。

朋友举了个例子,说如果省略alignment属性,标题文本就会默认左对齐,就像

一样。

我认为这很重要,因为通过正确使用这些属性,我们可以控制网页元素的显示样式和行为,从而使网页看起来更美观并提供更好的用户体验。
顺便也提醒了我,HTML属性会影响网页的加载速度,所以使用时要小心。
算了,你可以想办法的。

htmltype属性值

呃,你说得太仔细了。
当我第一次了解网站时,我完全感到困惑。
但我遇到的事情特别困难。

一年,我帮助家乡的一​​家餐厅建立了一个网站。
他们想建立一个订餐系统。
我使用 <input type="text"> 让用户输入他们的手机号码。
用户填写一串数字并发送后,服务器将其视为纯文本。
没有确认,只是乱码。
后来我添加了一个正则表达式来实现它。
如果使用 <input type="tel"> 可能会更好。

还有一次,我有一个表单要求用户上传图像。
如果直接使用 <input type="text"> 并在其旁边放置一个“浏览”按钮,用户将根本无法单击它。
最后我切换到 <input type="file"> 问题解决了。
这个类型一定要正确使用,否则用户体验会直线上升。

密码我也踩过陷阱。
我之前创建登录框时忘记添加 type="password"。
当用户输入密码时,密码全部以纯文本形式显示在页面上。
后来被网友骂死了。
这种类型一定不能被忘记。

最尴尬的是数字。
有一年我做了一个小程序,允许用户输入他们的年龄。
我直接使用<input type="number">,但是用户输入了负数,系统接受了。
后来我发现这个东西没有最低限度。
您需要添加 min="0"。

其他的,比如复选框和单选框,我经常使用。
例如,去年当我创建一个多选框以允许用户选择他们最喜欢的食物时,有必要确保只选择同名的食物。
我以前做过这个。
后来我切换到 <input type="radio"> 并将 name 属性添加到分组中,就可以了。

我也经常使用提交和重置。
尤其是重置,有时用户点击提交后发现自己填写的信息有误,想要一键删除。
但请注意,重置将删除包括密码框在内的所有输入。
有一次我忘记并重置了我的用户密码,这让我很着急。

我以前遇到过电子邮件和网址。
例如,当您去年创建注册页面时,系统会要求用户输入他们的电子邮件地址。
只需使用<input type="email">,浏览器就会自动确认。
省事。
但有用户输入了错误的邮箱格式,直接报错。
体验还不错。

至于日期和时间,我也用过。
例如,我们去年建立了一个预订系统并使用了<input type="datetime-local">。
用户只需一键选择日期和时间,比打字方便得多。
但是是使用IE浏览器的老用户,根本不支持,直接显示一些代码。
后来我添加了旧版本的日期选择器,解决了问题。

这些类型用多了就会变得熟悉。
但每次使用前一定要想清楚场景,不要随意使用。
比如tel并不是所有浏览器都支持,这要看情况。
我从来没有接触过颜色或者范围这方面的东西,所以不敢乱说。