时间戳

首页 > 解决方案 > 如何使用显示和隐藏的切换按钮将输入类型从密码更改为文本？

wordpress - 如何使用显示和隐藏的切换按钮将输入类型从密码更改为文本？

问题描述

我必须更改密码字段的输入类型。当我单击一个按钮时，它会从显示切换到隐藏值。此外，输入类型从密码更改为文本。如何在 Laravel 中实现与 WordPress 中定义的相同的功能
wordpress/wp-admin/install.php？

任何人都可以帮助我理解这段代码：

  <label for="pass1">
    <?php _e( 'Password' ); ?>
  </label>
  </th>
<td>
<div class="">
  <?php $initial_password = isset( $_POST['admin_password'] ) ? stripslashes( $_POST['admin_password'] ) : wp_generate_password( 18 ); ?>

请解释以下代码：

<input type="password" name="admin_password" id="pass1" class="regular-text" autocomplete="off" data-reveal="1" data-pw="<?php echo esc_attr( $initial_password ); ?>" aria-describedby="pass-strength-result" />
<button type="button" class="button wp-hide-pw hide-if-no-js" data-start-masked="<?php echo (int) isset( $_POST['admin_password'] ); ?>" data-toggle="0" aria-label="<?php esc_attr_e( 'Hide password' ); ?>">
   <span class="dashicons dashicons-hidden"></span>
   <span class="text"><?php _e( 'Hide' ); ?></span>
</button>

请解释这些术语：

data-reveal="1"
data-pw
aria-describedby="pass-strength-result"
data-start-masked

这些是 HTML 或 Bootstrap 属性吗？

请告诉我，哪些文件与此代码相关以及在哪里。

标签： wordpresslaravel

解决方案

aria-describedby是 JavaScript 的一个属性。 https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria- describeby_attribute

data-toggle是 Bootstrap 的一个属性。例子

aria-label是 JavaScript 的一个属性。https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute

data-reveal是来自基金会的属性。https://foundation.zurb.com/sites/docs/v/5.5.3/components/reveal.html

推荐阅读