Не обязательно использовать атрибут «Обязательный»

Недавно я создал веб-страницу, чтобы узнать больше о HTML, и я нашел атрибут 'required'. Я добавил его в поля, но ничего не сделал.Не обязательно использовать атрибут «Обязательный»

Может ли кто-нибудь сказать мне, что моя ошибка для 'требуется' атрибут?

Я хочу сказать: «Пожалуйста, заполните это поле», когда поле пусто

<html> 
     <head> 
      <link href="icon.ico" rel="icon"> 
      <title>Log In</title> 
     </head> 
     <body> 
      <h1 align="center">Welcome to site</h1> 
      <hr width="50%"/> 
      <br/> 
      <table align="center"> 
       <form> 
        <tr> 
         <td>Log In : </td> 
         <td><input type="text" name="LogInEmail" placeholder="Enter your email" required></td> </tr><tr> 
         <td>Password : </td> 
         <td><input type="password" name="password" placeholder="Password" required></td> 
        </tr> 
       </form> 
      </table> 
      <br/> 
       <table align="center"> 
        <form> 
        <tr> 
         <td><input type="submit" value=" Log In "/></td> 
        </tr> 
       </form> 
      </table> 
     </body> 
    </html>

источник

2016-11-20 Harshil Modi

Здравствуйте, предоставьте ваше ожидание и реальный результат, чтобы сообщество могло помочь вам с вашей «ошибкой» (которую вы не описываете). – Gildas

Я просто хочу, чтобы, если какое-либо поле не заполнено, я хочу сообщить, что «Пожалуйста, заполните это поле» @Gildas –

Возможный дубликат [HTML5 обязательный атрибут не работает] (http://stackoverflow.com/questions/17791818/html5-обязательно-атрибут-не-работает) – JumpingJezza

Пожалуйста, убедитесь, что вы представить в первой форме. У вас есть несколько форм. Следовательно, требуемый не работает.

<html> 
    <head> 
    <link href="icon.ico" rel="icon"> 
    <title>Log In</title> 
    </head> 
    <body> 
    <h1 align="center">Welcome to site</h1> 
    <hr width="50%" /> 
    <br/> 
    <table align="center"> 
     <form id="form1" runat="server"> 
     <tr> 
      <td>Log In : </td> 
      <td> 
      <input type="text" name="LogInEmail" placeholder="Enter your email" required> 
      </td> 
     </tr> 
     <tr> 
      <td>Password : </td> 
      <td> 
      <input type="password" name="password" placeholder="Password" required> 
      </td> 
     </tr> 
     <tr> 
      <td> 
      <input type="submit" value=" Log In " /> 
      </td> 
     </tr> 
     </form> 
    </table> 
    </body> 
</html>

Но если вы настаиваете на наличии нескольких таблиц и форм, перед подачей, вы можете подтвердить первую форму. Если я не ошибаюсь, вы пытаетесь лучше разместить UI-место, которое может быть рассмотрено с помощью CSS вместо нескольких форм и таблиц.

источник

2016-11-20 09:12:27

Как вы (@ Сунил-б-п) ответили, что «требуется» атрибут не работает с несколькими формы тега увидеть это здесь он не работает в одной формы тега.

<html> 
    <head> 
     <title>Sign Up</title> 
    </head> 
    <body> 
     <h1 align="center">Registration Form</h1><br/><br/> 
      <blockquote item-width="1010"> <fieldset> 
       <table align="center"> 

        <form type="get"> 
        <tr> 
         <td>First Name :</td> 
         <td><input type="text" placeholder="First Name" required></td> 
        </tr> 
        <tr> 
         <td>Last Name :</td> 
         <td><input type="text" placeholder="Last Name"></td> 
        </tr> 
        <tr> 
         <td>Gender</td> 
         <td><input type="radio" value="male" name="Gender">Male<br/><input type="radio" value="female" name="Gender">Female</td> 
        </tr> 
        <tr> 
         <td>Birth Date :</td> 
         <td><input type="date" ></td> 
        </tr> 
        <tr> 
         <td>Mobile :</td> 
         <td><input type="text" placeholder="Enter Mobile Number" required></td> 
        </tr> 
        <tr> 
         <td>Email :</td> 
         <td><input type="text" placeholder="Enter Email" required></td> 
        </tr> 
        <tr> 
         <td>Password :</td> 
         <td><input type="password" placeholder="Enter Password" required></td> 
        </tr> 
        <tr> 
         <td>Password :</td> 
         <td><input type="password" placeholder="Re-Enter Password" required></td> 
        </tr> 
        <tr> 
         <td><input type="reset" value="Reset"></td> 
         <td><input type="submit" value="Submit" onclick="window.location.href=('Thanks.html')"></td> 
        </tr>    
       </form> 
      </table> 
     </fieldset></blockquote> 
    </body> 
</html>

источник

2016-11-20 10:04:44

Вы сделали две формы. Вы должны разместить свою кнопку отправки в той же форме, в которой требуется поле ввода. Будьте осторожны с формой.

источник

2016-11-20 10:32:54

Не обязательно использовать атрибут «Обязательный»

ответ

Смежные вопросы