Reset button on the form of large disadvantages

It – Hardware & Software | Samuel Joh | 6 views

As for reset button exhaustion button

As for “the reset” button of input form, it is the button which cancels the contents which are input entirely. Mistaking, it just clicks this button, it is the dangerous button where input contents entirely go out.
Letter after the inputting, please try clicking “the reset” button suitably inside the below-mentioned sample form.Input contents entirely go out.

Input column 1:
Input column 2:
Comment field:

You thought that the user would like to turn off intend, if is, when anyhow, so mistaking you turn off when is not, exhaustion doing, it becomes the primary factor which loses the vigor which it reenters, is irritated. As for the reset button the one which does not arrange is desirable in form, probably will be.If the reset button does not exist, to push, because there are no either times when you make a mistake.

So so there is no opportunity we would like to turn off the contents which it inputs entirely. In addition, if from first we would like to redo, (there is no reset button, even when) returning to the previous page, it is if for the second time it does again to access. If we would like to stop transmission, if the transmission button is not pushed, just it is good. Therefore, there is no meaning of existence “of the reset” button almost, you can say that demerit is larger, probably will be.

the reset button is, to be exact delete all rather than revert to the first this function is. the first state to return to the blank if the blank. if something has been input from the beginning, will return the string.

reset functionESCthere would have been running in key environment

Internet Explorerin, if the reset button has been placed on a form, from the keyboardESCthe key1times by simply pressing reset will be pressing the button.
IEenter something in the form described above using, as it isESCplease try pressing the key. will be reset button is clicked, what i enter in all the items should disappear at once.

ESCthe key, is also commonly used, such as key cancel your input conversion in japanese. if you accidentallyESCpress the key too far, will also be going to erase all the entries on the form it just.

if you do not need kanji conversion input form (ESCless opportunity to use key) may not be a problem too. but, in a form that may enter the japanese would be risky.
japanese input inESCit may come as you never need to use the key.

notePCit is also prone to mistakes and pressESCkey (upper left)

also, by keyboard[half-width/em]key andESCyou may have some if they are on adjacent keys, ESCis likely to be pressed accidentally press the key even if there is no intention. notePCin the interval, such as keyboard is blocked, numeric[1]may have also adjacent keys, etc., yes there is a possibility that extra push to accidentally.
[half-width/em]the key, japanese inputON/OFFkey to switch. (Windows)

supplemental
Internet Explorercase of, even if you do not have a reset button to be placed in the form, ESCthe key2functionality similar to the reset button will work once pressing. (on this point will be described later)

measures of the reset button

submit button and reset button bothHTMLyou can make easily from, tend to place both side by side without thinking. but, if the side-by-side, likely to be accidentally click will increase. the reset button, let’s take measures such as:.

do not place the reset button
do not have any problem as a function of the input form without having to place the reset button. nor is it from the display must click, nor does it disappear accidentally. is a simple and reliable solution. ( IEinESCthe key2if you have problems does not solve the press)
to disable the reset function
IEinESCin order to cope with if a key has been pressed, let’s write a script to disable the reset function. 1line can be realized by simply writing.
get a confirmation dialog
if you absolutely want to place the reset button, let’s display a confirmation dialog does not matter whether off before the reset process is performed. that way, can reduce the possibility of accidental erasure of.
change the size
there is absolutely necessary to place the reset button, if you can not use a script is yet, large view of the submit button, let’s reduce the reset button to display. can reduce the possibility of accidentally clicked. (but, ESCpressing a key problem that does not resolve the)

so, let’s look at the order of how to achieve the above measures.

first, how to not place the reset button >>

countermeasure1: do not place the reset button

remedy is the most reliable and easy, is that it does not display the reset button. if you do not display, nor are they accidentally click.
this is, make the reset buttoninputbecause the only thing you need to write a good element, can be achieved very easily.

make the submit button and reset buttonHTMLsource is as follows:, reset button to make thisHTMLthis is what you have to write the source.

<input type=”submit” value=”send”>
<input type=”

as above, inputelement oftypethe value of the attribute submit and the submit button to be, reset when the reset button will be. this2if you remove the first line, reset button will disappear.

entry field1:
entry field2:
comment column:

since there is no reset button, not likely to be accidentally click.

IEthe problem with
if there is no reset button, Internet ExplorerbutESCthe key1all inputs that the contents disappear in time is no longer simply by pressing.
but, ESCthe key2reset function the same as if you press the reset button is pressed once sisters working, input content of all items will be lost. there, the following measures:2 to disable the reset function let’s also subjected.
IEin, 1thESConly the contents of the input field that has focus is off, 2thESCcontents of the entire form will disappear in.

how to disable the reset function to >>

countermeasure2: to disable the reset function

also turn off the reset button, IEinESCyou would be reset with the key. to prevent this, to disable the reset function by using a script.
rather than the script, which is hard to say, creating a formHTMLcan be achieved simply by appending a little in the.

<form action=”***” onreset=”return false;” >
~~~ various input fields ~~~
<input type=”submit” value=”send”>
</form>

as above, formin the tag onreset in addition to the attributes, the value return false; only be described as.
this alone, you can disable the reset function.

the following form, it is a thing with the source of the above. Internet Explorerenter the appropriate character to something more than one item is, ESCplease try pressing the key. 2the reset function does not work once you press, that the input of all the items disappear all at once there is no.
JavaScriptis enabled only if

entry field1:
entry field2:
comment column:

but, ESCthe key1when you press only once, contents of the input fields that has the focus will be lost. this does not prevent.
even if the focus, does not disappear immediately after the input must be. (focus to the other input field once after entering, back then the focus fromESCcontent does not disappear when you press the key. in that case, only the changes will be reset. )

now, if you do not absolutely do not want to remove the reset button, just before the reset function to work whether it really may be reset let’s display a dialog to confirm the. thereby, reduces the possibility would have been accidentally reset.

how to get a confirmation dialog before resetting >>

countermeasure3: to display a confirmation dialog before resetting

if you absolutely want to place the reset button, let’s display a confirmation dialog does not matter whether off before the reset process is performed. that way, can reduce the possibility of accidental erasure of. also the confirmation dialog, JavaScriptyou can make as simple as using the. as before, creating a formHTMLjust a little added in the.

<form action=”***” onreset=”if( !confirm(‘are you sure you want to clear the contents of all input? ‘) ) { return false; }” >
~~~ various input fields ~~~
<input type=”submit” value=”send”>
<input type=”reset” value=”reset”>
</form>

as above, formin the tag onreset in addition to the attributes, value to display a confirmation dialogJavaScriptjust write the. by adding this description, when the reset button is clicked, you can view the confirmation dialog box as shown below..

reset confirmation dialog (WindowsXPon theIE6if the)

the examples we have seen have actually described in the form are as follows:. when you click the reset button, a confirmation dialog will be displayed. in the confirmation dialog OK only when you click the button, reset function is activated.
JavaScriptis valid only in an environment

entry field1:
entry field2:
comment column:

Internet Explorerif the, instead of the reset buttonESCif the key has been pressed, the contents of the input field with the focus point disappears does not prevent. but, the contents of the input field, including all other input field disappears all at once is prevented.

description of the script

the above script is copied verbatim&available only in the paste from, there is no problem even skip the following explanation. skip the following explanation change the size of the button to >>

in the source above1it may be hard to understand because you are writing together in line, onresetscript that describes the value of the attribute is as follows:.

if( !confirm(‘are you sure you want to clear the contents of all input? ‘) ) {
return false;
}

confirm(‘display statement’)
confirm is, OKis a method to display a confirmation dialog box with a button and the cancel button. argument (in parentheses) describe the confirmation message to. this are you sure you want to clear the contents of all input? that is part, can be rewritten as you like.
the display statement, quote (single quotation marks) do not forget it must be enclosed in.

if( !confirm(‘display statement’) ) { processing }
confirmmethod, OKwhen the button is clickedtruereturns, when you click the cancel buttonfalsereturns.
ifin the statementconfirmput the method, negative sign to head ! by adding the, if the cancel button is clicked { } to run the script in the it describes a process called.

return false;
this is a script written earlier also. onresetif you write it in the attribute, disable the reset function you can. hereifbecause the description in the statement, in the confirmation dialog canceled will be executed only if it was is clicked.

by the above script, you can attach a confirmation dialog reset function.
the slightly longer explanation if you, only to describe the actual1line is short. copy&you can use it just to paste, if you are unsure onresetplease use a direct copy of the attribute part.

at the end, you have described a way to change the size of the button. if you want to display the reset button absolutely, you can view a large button also sends a reset button from, easier to prevent a mistake press.

how to change the size of the button >>

countermeasure4: to change the size of the button

there is absolutely necessary to place the reset button, if you can not use a script is yet, large view of the submit button, let’s reduce the reset button to display. the larger the submit button more than reset button, can reduce the possibility of accidentally clicked.
IEif the, ESCpressing a key problem that does not completely resolve.

the easiest way to change the size of the button, is to increase the number of characters to be displayed on the button.

when you display the button on the source of the above, looks like this:.

so many more characters of the submit button, is displayed at a larger size. could misjudge the submit button will reduce.

change the size of the buttons in the style sheet

by using a style sheet also, you can freely change the size of the string that will be displayed in the size of the button or buttons.

in the above, as decoration of the submit button the font size1.5double, the height of the button1.8one character, the width of the button350pixel you have specified so that the.
when you view the source of the above, looks like this:.

too much decoration, let’s moderation so it may be difficult to see as a button.

conclusion

this time, demerit points and will reset when you place a button on the form, we introduce their solutions. casually submit button and reset button who was to display side-by-sideis, please review the placement of the reset button on this occasion.

Incoming search terms:

button html disadvantage (1)
disadvantages of reset button in html (1)
reset disadvantages (1)