Question

我必须更改密码字段的输入类型。当我点击一个按钮时，它从show切换到隐藏值。此外，输入类型已从密码更改为文本。如何在WordPress中定义的Laravel中实现相同的功能 -
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属性？

请告诉我，哪些文件与此代码相关＆amp;其中。

Answer 1

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

data-toggle是Bootstrap的一个属性。 Example

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

data-reveal是Foundation的一个属性。 https://foundation.zurb.com/sites/docs/v/5.5.3/components/reveal.html

如何使用show和hide的切换按钮将输入类型从密码更改为文本？

1 个答案: