FORM HTML

<h2>The formaction Attribute</h2>
<p>The formaction attribute specifies the URL of a file that will process the input control when the form is submitted.</p>
The formaction Attribute



<form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit"><br>
  <input type="submit" formaction="/action_page2.php" value="Submit to another page">
</form>

<p><strong>Note:</strong> The formaction attribute of the input tag is not supported in Internet Explorer 9 and earlier versions.</p>

Note: The formaction attribute of the input tag is not supported in Internet Explorer 9 and earlier versions.

<h2>The list Attribute</h2>
<p>The list attribute refers to a datalist element that contains pre-defined options for an input element.</p>

<form action="/action_page.php" method="get">

<input list="browsers" name="browser" REQUIRED placeholder="nhaap">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

<p><b>Note:</b> The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>



<div align="center" id="form-00">
<div style="background-color: #f2f2f2; border-radius: 5px; max-width: 320px; padding: 10px; width: 95%;">
ĐĂNG KÝ THÔNG TIN MUA HÀNG
<img height="64" src="https://1.bp.blogspot.com/-i5JOmJfGi0U/XNOE-NS_P5I/AAAAAAAAVxo/qEMI6p5dRjAsPt4QOU0GspsvJG80jd1UQCK4BGAYYCw/w300/trungkien.tk-woogle.png" width="100" />
<iframe id="hidden_iframe" name="hidden_iframe" onload="if(submitted){window.location='/p/thankyou.html';}" style="display: none;"></iframe>
<form action="/action_page.php" method="post" onsubmit="submitted=true;" target="hidden_iframe">
<input id="name" class="at_input_name" name="entry.1525487573" placeholder="Họ & tên.." required="required" style="background-color: white; border: 1px solid black; margin: 2px 0px 2px 0px; padding: 10px;" type="text" />
<input id="phone" class="at_input_phone" name="entry.444528664" placeholder="Số điện thoại.." required="required" style="background-color: white; border: 1px solid black; margin: 2px 0px 2px 0px; padding: 10px;" type="text" pattern="0[0-9]{9}"/>
<input list="option" name="xxxxx" placeholder="Hãy chọn 1 Option" required="required" style="background-color: white; border: 1px solid black; margin: 2px 0px 0px 0px; padding: 10px;" type="text" />
<datalist id="option">
<option value="australia"/>
<option value="canada"/>
<option value="usa"/>
</datalist>
<input id="submit" class="at_input_submit" style="background-color: red; border-radius: 5px; border: 1px solid red; padding: 10px; width: 100%;margin: 0px;" type="submit" value="Đăng ký ngay" />
<div style="display:none;">
<input name="entry.1771596759" placeholder="Offer.." style="background-color: white; margin: 5px; max-width: 320px; width: 100%;" type="hidden" required="required" value="Nano Curcumin OIC" />
<input id="pageurl" class="pageurl" name="entry.622653994" placeholder="Pageurl.." required="required" style="background-color: white; border: 1px solid black; margin: 2px 0px 2px 0px; padding: 10px;" type="hidden" value="pageurl" />
</div>
</form>
</div>
</div>

Admin
» Focus on Sales & Marketing

Related Posts

2 nhận xét

  1. source: https://www.w3schools.com/html/html_form_attributes.asp

    Trả lờiXóa
  2. Attributes:
    - value="John"
    - readonly
    - disabled
    - size="40" (characters)
    - maxlength="10"
    - novalidate
    - formaction
    - list="browsers"
    - pattern="[A-Za-z]{3}"

    Trả lờiXóa

Đăng nhận xét