JavaScript Tutorial/Form/Action

Материал из Web эксперт
Перейти к: навигация, поиск

Form action: javascript:alert

<html>
    <head>
        <title>Submit Example</title>
    </head>
    <body>
        <form id="form1" method="post" action="javascript:alert("Submitted")">
            <!-- regular textbox -->
            <label for="txtName">Name:</label><br />
            <input type="text" id="txtName" name="txtName" /><br />
            
            <!-- custom submit button -->
            <input type="button" value="Submit Form" onclick="document.forms[0].submit()" />
      
        </form>
    </body>
</html>


Get form action value

<html>
<head>
<title>Online Survey</title>
</head>
<body>
<form action="http://www.wbex.ru" method="POST" name="MyForm">
<table width="600">
<tr><th colspan="3" align="center">wbex.ru - Online Survey<br /><br /></th>
</tr>
<tr>
 <td>Your Name:</td>
 <td>&nbsp;</td>
 <td><input type="text" name="YourName"/></td></tr>
<tr>
 <td>Your Gender:</td>
 <td>&nbsp;</td>
 <td>
   <input type="radio" name="Gender" value="Male"/>Male<br />
   <input type="radio" name="Gender" value="Female"/>Female<br />
 </td>
</tr>
<tr><td>Which of our consultancy <br />services are you interested in?</td>
 <td align="right">&nbsp;
 </td>
 <td>
   <input type="checkbox" name="Java"/>&nbsp;Java<br />
   <input type="checkbox" name="Javascript"/>&nbsp;Javascript<br />
   <input type="checkbox" name="SVG"/>&nbsp;SVG<br />
   <input type="checkbox" name="XSL-FO"/>&nbsp;XSL-FO<br />
   <input type="checkbox" name="ASP.Net"/>&nbsp;ASP.Net<br />
 </td>
</tr>
<tr>
 <td>Which free gift would you prefer for filling out this survey?</td>
 <td>&nbsp;</td>
 <td>
  <select name="FreeGift">
   <option value="Choice1">AAA</option>
   <option value="Choice2">BBB</option>
   <option value="Choice3">CCC</option>
  </select>
</tr>
<tr>
 <td>Enter your comments in<br />the text box
 </td>
 <td>&nbsp;</td>
 <td><textarea name="Comments" rows="5" cols="50"> </textarea></td>
</tr>
<tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td><br /><input type="submit" value="Send Form"/></td>
</tr>
</table>
</form>
<script type="text/javascript" language="javascript">
<!-- //
document.write("<P>The action property has the value: <b>" + document.MyForm.action + "</b></p>");
// -->
</script>
</body>
</html>