DMS HTML Input Field Masks

You can use jQuery and Josh Bush’s Masked Input Plugin to create predefined Degree Minute Second input fields in HTML.

Select the field below for an example:

And the source:

<input type="text" id="example1" />

<script>
$(function() {
  $.mask.definitions['m'] = '[0-5]';
  $("#example1").mask("9?99° m9′ m9.9999″");
});
</script>

(Note that those symbols are UTF-8 degree, prime, and double prime characters.)

Converting the string value of the field to decimal degrees is left as an exercise for the reader.