关于input

41 阅读1分钟

`






用户名:


下载

<!-- Contenteditable属性的值可以是true、false或inherit。
      Contenteditable属性的默认值为false,表示元素不可编辑。
      Contenteditable属性的值为true时,元素可编辑。
      Contenteditable属性的值为inherit时,元素的可编辑性继承自父元素。
      Contenteditable属性不会改变元素的默认行为,例如标签仍然可以跳转到其他页面。
      在使用Contenteditable属性时,需要注意安全性问题,避免XSS攻击和恶意脚本注入。
-->
<div contenteditable="true">878787</div>
<hr>
<!--readonly属性用于表单元素是否只读  -->
<input type="text" id="pp" name="pp" value="只可以读哦" readonly>
<hr>
<!-- Hidden属性是用于指定元素是否隐藏的属性。 -->
<!-- Hidden属性不同于CSS的display:none属性,display:none属性会将元素从页面中完全移除,无法通过JavaScript等方式访问该元素。 -->
<span hidden>666666</span>
<hr>
<!-- HTML中的Spellcheck属性是用于指定元素是否启用拼写检查的属性。  -->
<p contenteditable="true" spellcheck="true" >hhhhh</p>
<hr>
<!-- HTML中的Translate属性是用于指定元素是否应该被翻译的属性。 -->
<p translate="no">this is a people</p>
<hr>
<!-- HTML中的loading属性是一个新的属性,它可以用于指定浏览器在加载资源时的优先级。 -->
<!-- 该属性可以应用于<img>、<iframe>、<script>、<link>和<audio>等标签上。
  lazy:表示资源应该在页面加载后延迟加载。这是默认值。
  eager:表示资源应该在页面加载时立即加载。
  auto:表示浏览器应该自行决定何时加载资源 
-->
<img src="../WechatIMG581.png" alt="" loading="lazy">
<hr>
<!-- onerror是一个JavaScript事件处理程序, JavaScript错误时触发 -->
<img src="./WechatIMG581.png" 
onerror="this.onerror=null;this.src='imgnotfound.png'"
>
<hr>
<!-- poster是HTML5中<video>标签的一个属性,用于指定在视频加载之前和播放之前显示的图像。
  poster属性只适用于<video>标签,而不适用于<audio>标签。 -->
<video src="/home" poster="./WechatIMG36350.jpeg" ></video>
<hr>
<!-- controls是HTML5中<video>和<audio>标签的一个属性,用于指定是否显示媒体播放器的控件。 -->
<audio src="/" controls></audio>
<hr>
<!-- autoplay是HTML5中<video>和<audio>标签的一个属性,用于指定媒体是否应在页面加载时自动播放。 -->
<audio src="/"  autoplay></audio>
<hr>
<!-- loop是HTML5中<video>和<audio>标签的一个属性,用于指定媒体是否应在播放结束后循环播放。 -->
<audio src="/"  loop></audio>
<hr>
<!-- cite是HTML中的一个全局属性,可以用于指定引用的来源。 -->
<!-- cite属性的值应该是一个URL,指向引用的来源。
  cite属性可以应用于<blockquote>、<q>、<del>、<ins>等标签上。
  cite属性并不会自动创建链接,因此如果需要创建链接,需要使用<a>标签,并将href属性设置为cite属性的值。
-->
<blockquote cite="../首页统计字段汇总_补充.xlsx">    </blockquote>
<hr>
<!--  datetime是HTML中<time>标签的一个属性,用于指定日期和时间。-->
<p>
<del datetime="2023-04-12T17:12"></del>
<ins datetime="2023-04-12T17:12"></ins>
<time datetime="2023-04-12"></time>
</p>
<hr>
<!-- async是HTML中<script>标签的一个属性,用于指定脚本是否应该异步加载。 -->
<!-- 如果将async属性设置为async,则脚本将异步加载,不会阻止页面的解析和渲染。
  异步加载的脚本可能会在页面的其他部分加载之前执行,因此需要谨慎使用。如果脚本依赖于页面的其他部分,可能会导致错误。 -->
<script src="script.js" async></script>
<hr>
<!--defer是HTML中<script>标签的一个属性,用于指定脚本是否应该延迟加载。 
  如果将defer属性设置为defer,则脚本将延迟加载,直到页面解析完成后再执行。
  -->
  <script src="script.js" defer></script>
  <hr>
<!-- Draggable 是 HTML5 中的一个属性,它允许用户通过拖动元素来移动它们。当一个元素被设置为 draggable 时,用户可以通过鼠标或触摸屏幕来拖动该元素。在拖动元素时,会触发一系列事件,如 dragstart、drag 和 dragend,这些事件可以用来实现拖放功能。-->
`