html required属性不能与readonly一起使用

Question

<form action="check_rooms1.php" method="post"  name="search_room" class="form" >
        <p>


          <label for="checkin">Check in date</label>

          <input name="checkin" type="text" id="checkin"  placeholder="click to enter" readonly required>
         </p>
        <p>
          <label for="checkout">Check out date</label>

          <input name="checkout" type="text" id="checkout"  placeholder="click to enter" readonly required>
          </p>
        <p>         
          <label for="beds">Hotel type</label>
          <label for="hotel_type"></label>
          <select name="hotel_type" id="hotel_type">
            <option value="1" selected>1 star</option>
            <option value="2">2 star</option>
            <option value="3">3 star</option>
            <option value="4">4 star</option>
            <option value="5">5 star</option>
          </select>
          <input type="submit" name="search_button" id="search_button" value="Search">
        </p>
      </form>

必需的验证无效。我使用jquery日历输入日期。这就是为什么我通过给予只读来禁用文本编辑。 readonly有什么问题吗？

Answer 1

感谢您的关注。使用输入类型日期解决了问题。它提供了一个日历来选择日期，也不能错误地格式化日期