توضیحات

در این جلسه در مورد انواع Input ها و استفاده از فرم توضیح داده میشود


HTML CSS طراحی وب طراحی سایت

مدرس دوره علی شیخ
مدت دوره 04:51:23
تعداد ویدیو 28

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام وقت بخیر
    چرا با اینکه برای radio button مقدار value تعریف نکردم، فقط یه گزینه انتخاب میشه؟

     <!DOCTYPE html>
    
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Information</title>
    </head>
    <body>
    <form action="Sever.test">
    <div>
    <label for="text">Name</label>
    <input type="text" name="text" id="text" placeholder="Name">
    </div>

    <br>

    <div>
    <label for="email">Email</label>
    <input type="email" name="email" id="email" placeholder="Enter Email">
    </div>

    <br>

    <div>
    <label for="textarea">Text</label>
    <textarea name="textarea" id="textarea" cols="30" rows="10" placeholder="Type a text"></textarea>
    </div>

    <br>

    <div>
    <label for="selectbox">Favorite Team</label>
    <select name="selectbox" id="selectbox">
    <option value="num1">Dortmund</option>
    <option value="num2">Bayern</option>
    <option value="num3">Real Madrid</option>
    </select>
    </div>

    <hr>

    <div>
    <label for="radiobutton">Gender</label>
    <input type="radio" name="radiobutton" id="radiobutton">Female
    <input type="radio" name="radiobutton" id="radiobutton">Male
    <input type="radio" name="radiobutton" id="radiobutton">Secret
    </div>
    </form>
    </body>
    </html>

    • سلام وقت بخیر.
      اگه منظورتون از کار کردن ارسال اطلاعات باشه در submit که خب باید فرم action داشته باشه و برای reset هم چک کنید ببینید تگ ها داخل فرم هستند به درستی

    • <!DOCTYPE html>
      
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-compatible" content="ie=edge">
      <meta name="description" content="my description">
      <meta name="keywords" content="لورم ایپسوم">
      <meta name="robots" content="noindex,nofollow">
      <title>amir</title>
      </head>
      <body>
      <form action="server.php"></form>
      <div>
      <label for="text"> name </label>
      <input id="text" type="text">
      </div>
      <br>
      <div>
      <label for="text"> last name </label>
      <input id="text" type="text">
      </div>
      <br>
      <div>
      <label for="email">email</label>
      <input type="email" name="email" id="email">
      </div>
      <br>
      <div>
      <label for="texarea">text</label>
      <textarea name="texarea" id="texarea"></textarea>
      </div>
      <br>
      <div>
      <label for="selectbax">selectbax</label>
      <select name="selectbax" id="selectbax">
      <option value="select">test 1</option>
      <option value="select">test 2</option>
      <option value="select">test 3</option>
      </select>
      </div>
      <br>
      <div>
      <label for="test2">test2</label>
      <input type="radio" name="test2" value="good">good
      <input type="radio" name="test2" value="veri good">verigood
      <input type="radio" name="test2" value="veri veri good">veri veri good
      </div>
      <br>
      <div>
      <label for="checkbox">test3</label>
      <input type="checkbox" name="test2" value="good">good
      <input type="checkbox" name="test2" value="verigood">verigood
      <input type="checkbox" name="test2" value="veri veri good">veri veri good
      <input type="checkbox" name="test2" value="veri veri good">veri veri good
      </div>
      <br>
      <div>
      <label for="checkbox">test4</label>
      <input type="number">
      </div>
      <br>
      <div>
      <label for="date">test4</label>
      <input type="date">
      </div>
      <br>

      <input type="submit">

      <button type="submit">ارسال</button>

      <button type="reset">reset</button>

      </body>
      </html>

      استاد شماهم یک تست بکنید

    • سلام لطفا برای خوانای بهتر, کد های ارسالی خود را بین ۳ عدد backtike قرار دهید.
      همنجور که خدمتتون گقتم اصلا شما input و button را بین تگ form قرار ندادید. تگ ها باید بین تگ form قرار بگیرند.یکبار دیگه ویدیو را ببینید و بیشتر دقت کنید.

    • نه دوست عزیز اضافه نیست این تگ پایانی form هست و باید باشه و شما باید inputها و button خود را بین این تگ <form> </form> قرار دهید.لطفا ویدیو را با دقت ببینید.