This article explores HTML webforms and specifically the submit button in terms of changing the name, id and value. We explore Submit Button Changing Name Examples.
Example 1: Simple form tags and a frugal submit input
<form>
<input type=”submit” />
</form>
Result 1: Submit label is ‘Submit’, Default action is to do a Get.
Example 2: Simple form with post method and frugal submit
<form method=’post’>
<input type=’submit’>
</form>
Result 2: Submit label is ‘Submit’, Does a Post with no form data.
Example 3: Simple Form with Post and submit with id
<form method=’post’>
<input type=’submit’ id=’test’>
</form>
Result 3: Submit is still called submit, Does a Post with no form data.
Example 4: Simple Form with Post and Submit with a Name
<form method=’post’>
<input type=’submit’ name=’test’>
</form>
Result 4: Submit is still Submit, Does Post that contains form data: $_POST[‘test’] = ‘Submit’;
Example 5: Simple Form with Post Submit with a Name and a Value
<form method=’post’>
<input type=’submit’ name=’test’ value=’foo’>
</form>
Result 5: Submit is now labelled ‘foo’, does a post of form data: $_POST[‘test’] = ‘foo’;
Example 6: Simple Form with Post Submit with a Value Attribute
<form method=’post’>
<input type=’submit’ value=’foo’>
</form>
Result 6: Submit labelled foo, but no form data.