ASP.NET学习记录(2019.04.26)

引言

       出于毕设和课设的双重需要,我准备用asp.net开发一个比较典型的管理网站来练练手。不过由于我基础太差,在正式开始设计之前我还得好好学学web开发的基础知识。学习中碰到的知识点儿我都会记录下来写成学习记录,用于自我提高,也分享给各位共勉。

一、<Label>标签中的for属性

       <Label>标签可以通过for属性将自己与表单中的某个组件绑定在一起,在点击该标签的时候,对应的组件也将获得焦点。以选择性别为例,为了能给用户提供操作上的便利,我们可以将标签的for属性指向对应元素,for属性的值为该元素id属性的值:

<label for="_male">  <input type="radio" value="male" name="sex" id="_male">男性<br />
<label> <input type="radio" value="female" name="sex">女性</label><br />

效果如下:
效果展示
       严格来说从图上看不什么,这个属性的效果体现在操作上。指定了for属性后,用户可以通过点击“男性”或“女性”标签来触发对应radio元素的焦点。在这里我用了两种声明方式,一种是像第一行那样的,直接声明for属性来指定绑定的元素;另一种就是直接用标签元素包起来,二者都可以达到同样的效果。

二、<input>标签中的placeholder属性

       placeholder属性主要用于在输入框中显示一些简单的提示信息,比较常见的例子,就是在输入用户名和密码时文本框中出现的“请输入用户名”:

<label for="username">用户名:</label><input type="text" name="username" id="username" placeholder="请输入用户名"><br />
<label for="username">密&nbsp&nbsp&nbsp码:</label><input type="password" name="username" id="username" placeholder="请输入密码"><br />

效果如下:
效果展示
       当输入框中没有输入任何信息的时候,这条文本就会显示。如果文本框长度足够,我们或许可以将输入格式显示在这里,用以提示用户什么是正确的输入方式。

三、role属性

       role属性的用途比较特殊,它不会对屏幕上的显示产生任何影响,但Accessibility类应用会对该属性做出反应。网络上有这么一段描述,解释的挺清楚的:“role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这个元素所扮演的角色,主要是供残疾人使用。使用role可以增强文本的可读性和语义化。在html5元素内,标签本身就是有语义的,因此role是不必添加的,至少是不推荐的,但是bootstrap的案例内很多都是有类似的属性和声明的,目的是为了兼容老版本的浏览器(用户代理),如果你的代码使用了html5标签,并且不准备支持老版本的浏览器,不妨不使用role标签。”
       这个属性是我在学习Bootstrap的过程中看见的,出于好奇我就上网查了查,找到了上面这段描述,看起来Bootstrap的开发者们想的还是蛮仔细的,值得学习。因为没有什么值得展示的案例,在这里就不放代码了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值