# Input的幾個常用寫法
**radio**

<s:radio name="camiol" id="camiol" list="#{'Y':'是','N':'否'}" />

---

**calendar**

<s:textfield name="camiol.date" id="camiol.date" maxlength="10" size="10"/>
<img src="<s:url value="/images/icon_calendar.gif"/>" />

function dynDateTimeAndValidate(selector) {
	if($(selector).length <=0 )
		return;
	
	$(selector).dynDateTime({
		button: ".next()"
	});
	
	$(selector).rules("add", {dateFmChk : true,messages: {
		dateFmChk: "請輸入yyyy/MM/dd", required: "必填"
		 }});
}

function DateFmChk(value, element){
	
	var re = new RegExp("^([0-9]{4})[/]?([0-9]{2})[/]?([0-9]{2})$");
	
	if ( re.test(value) == true ) {        //match
	
		var dateStr = value.replace(/\/+/g, '');
		var accDate = new Date(dateStr.substring(0,4), dateStr.substring(4,6) - 1, dateStr.substring(6)); 
		var tempDate = accDate.getFullYear() + 
			( (accDate.getMonth() < 9)?"0":"" ) + (accDate.getMonth() + 1 ) + 
			( (accDate.getDate() < 10)?"0":""  ) + accDate.getDate();
		var newFmtDate = accDate.getFullYear() + "/" 	+ 
			( (accDate.getMonth() < 9)?"0":"" ) + (accDate.getMonth() + 1 ) + "/" + 
			( (accDate.getDate() < 10)?"0":""  ) + accDate.getDate();
	
		return (dateStr == tempDate)?( jQuery(element).val(newFmtDate) ):false;
	} else {
	
		return false;
	}
}

dynDateTimeAndValidate("#camiol\\date");

**select**

<s:select list='#{ "M":"男生", "F":"女生"}' value="M" id="gender" name="gender"/>
<script type="text/javascript">
    $(document).ready(function() {
        $("#gender").children().each(function(){
            if ($(this).val()=="${gender}"){
                 $(this).attr("selected","true");            
            }
        });
    });
</script>

---
    
<s:select id="gender" list="genderList" name="gender" listKey="code" listValue="codeName" headerKey="" headerValue="請選擇性別"/>

###### tags: `JQuery`