[JavaScript]フォームスクリプト

<input type="submit" value="Submit"/>
<button type="submit">Submit</button>
<input type="image" src="sub.jpg"/>

var form = document.getElementById("myform");
EventUtil.addHandle(form, "submit", function(event) {
  event = EventUtil.getEvent(event);
  EventUtil.preventDefault(event);
});

var form = document.getElementById("myform");
form.submit();

<input type="reset" value="Reset"/>
<button type="reset">Reset</button>

var form = document.getElementById("myform");
EventUtil.addHandler(form, "reset", function(event) {
  event = EventUtil.getEvent(event);
  EventUtil.preventDefault(event);
});

var form = document.getElementById("myform");
form.reset();

var form = document.getElementById("myform");
var field1 = form.elements[0];
var field2 = form.elements["textbox1"];
var fieldCount = form.elements.length;

var textbox = docuemnt.forms[0].elements["mytextbox"];
textbox.select();

EventUtil.addHandler(textbox, "focus", function(event) {
  event = EventUtil.getEvent(event);
  var target = EventUtil.getTarget(event);
  target.select();
});

function getSelectedText(textbox) {
  return textbox.value.substring(textbox.selectionStart, textbox.selectionEnd);
}

function getSelectedText(textbox) {
  if (document.selection) {
    return document.selection.createRange().text;
  }
  else {
    return textbox.value.substring(textbox.selectionStart, textbox.selectionEnd);
  }
}

textbox.setSelectionRange(0, textbox.value.length);

var range = textbox.createTextRange();
range.collapse(true);
range.moveStart("character", 0);
range.moveEnd("character", textbox.value.length);
range.select();

EventUtil.addHandle(textbox, "keypress", function(event) {
  event = EventUtil.getEvent(event);
  EventUitl.preventDefault(event);
});

EventUtil.addHandle(textbox, "keypress", function(event) {
  event = EventUtil.getEvent(event);
  var target = EventUtil.getTarget(event);
  var charCode = EventUtil.getCharCode(event);
  if (!/\d/.test(String.fromCharCode(charCode))
      && charCode > 9 && !event.ctrlKey) {
    EventUitl.preventDefault(event);
  }
});

(function() {
  function tagForward(event) {
    event = EventUtil.getEvent(event);
    var target = EventUtil.getTarget(event);
    if (target.value.length == target.maxLength) {
      var form = target.form;
      for (var i=0, len=form.elements.length; i<len; i++) {
        if (form.elements[i] == target) {
          form.elements[i+1].focus();
          return;
        }
      }
    }
  }
})

var selectedOption = selectbox.options[selectbox.selectedIndex];

selectbox.options[0].selected = true;

var newOption = document.createElement("option");
newOption.appendChild(document.createTextNode("Text"));
newOption.setAttribute("value", "Value");
selectbox.appendChild(newOption);

var newOption = new Option("Text", "Value");
selectbox.appendChild(newOption); //IE   

var newOption = new Option("Text", "Value");
selectbox.add(newOption, undefined);

selectbox.removeChild(selectbox.options[0]);

selctbox.remove[0];

selctbox.options[0] = null;

var selectbox1 = document.getElementById("mysel1");
var selectbox2 = document.getElementById("mysel2");
selectbox2.appendChild(selectbox1.options[0]);

var optionToMove = selectbox.options[1];
selectbox.insertBefore(optionToMove, selectbox.options[optionToMove.index-1]);