Question

例如，我有以下代码

<form>
  <input type="text" required="true">
  <input type="text" required="true">
  <button type="submit">Click</button>
</form>

伙计们，是否可以为属性“required”设置默认值“true”？像这样：

<form required="true">
  <input type="text">
  <input type="text">
  <button type="submit">Click</button>
</form>

Answer 1

使用纯HTML无法做到这一点。一些模板语言可能具有此功能（或类似的功能）。

你可以考虑使用javascript。

var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++){
    inputs[i].required = true;
}

Answer 2

通过检查源代码，用户可以轻松删除输入所需的选项。

我认为最好的方法是在发送数据之前使用javascript函数调用检查所有输入，如下面的示例所示。

https://www.w3schools.com/js/js_validation.asp

编辑：

foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
    $_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
    ?>
        <tr class="product-categories">
            <td colspan="2"><?php echo wc_get_product_category_list( $cart_item['product_id'] ); ?></td>
        </tr>
    <?php

如果你想要，你可以使用JQuery，只需：

<form id="yourFormId">
   ..
</form>

Answer 3

我认为它不可能在HTML中，但你可以在jquery的帮助下这样做： HTML代码：

<form>
  <input type="text">
  <input type="text">
  <button type="submit">Click</button>
</form>

Jquery代码：

$(function(){
       $("input").prop('required',true);
});

检查：DEMO

Answer 4

没了。除非您在javascript中捕获表单提交事件并在任何字段未填充时禁用它或使用javascript添加所需属性（如https://stackoverflow.com/users/7183244/keegan-teetaert建议的内容），否则只需编写每个字段所需的内容即可。我没有看到那种痛苦。

Answer 5

您无法使用html或css执行此操作，您应该使用javascript，如下所示：

document.querySelectorAll("input[type=text]").forEach(function(e) { 
    e.setAttribute("required", true);  
});

选择器选择文本类型的所有输入在加载文档后使用此代码

如何为所有元素设置默认属性

5 个答案: