dajuji
Checkbox
Password
Textfield
Textarea
Checkbox
Radiobutton
Select
<HTML>
<HEAD>
<TITLE>dajuji</TITLE>
<script language="JavaScript1.2" src="http://www.blueb.co.kr/SRC/javascript/Forms.js"
type="text/javascript"></script>
<script language="JavaScript1.2" src="http://www.blueb.co.kr/SRC/javascript/FormsUtility.js"
type="text/javascript"></script>
<style>
.border_blank{
background-color:#FFFFFF
}
.border_light{
background-color:#FFFFFF
}
.border_outline{
background-color:#CCCCCC
}
.border_backgroud{
background-color:#F7F7F7
}
.border_shadow{
background-color:#DEDEDE
}
.form_text {
padding: 0px;
height: 16px;
line-height: 16px;
font-family: 굴림체,한강체,애플고딕;
font-size: 12px;
border: none;
background-color: #F7F7F7;
}
.form_textarea {
padding: 0px;
font-family: 굴림체,한강체,애플고딕;
font-size: 12px;
border: none;
background-color: #F7F7F7;
}
.form_button {
cursor: pointer;
color: #777777;
padding: 0px;
height: 18px;
line-height: 16px;
font-family: 굴림체,한강체,애플고딕;
font-size: 12px;
border: none;
background-color: #F7F7F7;
}
.form_select {
line-height: 16px;
font-family: 굴림체,한강체,애플고딕;
font-size: 12px;
color: #858585;
background-color: #F7F7F7;
}
.select {
display: none;
z-index: 100;
position: absolute;
}
.select_option {
line-height: 18px;
height: 18px;
font-family: 굴림체,한강체,애플고딕;
font-size: 12px;
color: #858585;
cursor: pointer;
}
</style>
</head>
<body style="margin: 0px;">
<script>
form_id = new Forms("form_id", "./images/forms/", "#82D2EA");
form_id.formOpen("form_fm", "http://search.empas.com/search/all.html", "get" );
</script>
<span class="font20line24">Checkbox</span><br>
<script>
form_id.Checkbox("test_checkbox1", "test_checkbox1_value", true);
form_id.Checkbox("test_checkbox2", "test_checkbox2_value");
form_id.Checkbox("test_checkbox3", "test_checkbox3_value");
form_id.Checkbox("test_checkbox4", "test_checkbox4_value");
form_id.Checkbox("test_checkbox5", "test_checkbox5_value");
</script><p>
<span class="font20line24">Password</span><br>
<script>form_id.Password("test_password", 110);</script>
<p>
<span class="font20line24">Textfield</span><br>
<script>form_id.Textfield("test_textfield", 110);</script>
<p>
<span class="font20line24">Textarea</span><br>
<script>form_id.Textarea("test_textarea", 320, 110);</script>
<p>
<span class="font20line24">Checkbox</span><br>
<script>
form_id.Checkbox("test_checkbox1", "test_checkbox1_value", true);
form_id.Checkbox("test_checkbox2", "test_checkbox2_value");
form_id.Checkbox("test_checkbox3", "test_checkbox3_value");
form_id.Checkbox("test_checkbox4", "test_checkbox4_value");
form_id.Checkbox("test_checkbox5", "test_checkbox5_value");
</script>
<p>
<span class="font20line24">Radiobutton</span><br>
<script>
form_id.Radiobutton("test_radiobutton", "test_checkbox1_value", true);
form_id.Radiobutton("test_radiobutton", "test_checkbox2_value");
form_id.Radiobutton("test_radiobutton", "test_checkbox3_value");
form_id.Radiobutton("test_radiobutton", "test_checkbox4_value");
form_id.Radiobutton("test_radiobutton", "test_checkbox5_value");
</script>
<p>
<span class="font20line24">Select</span><br>
<script>
form_id.Select("test_select");
form_id.SelectOption("test_select", "test_option_label_01",
"test_option_value_01");
form_id.SelectOption("test_select", "test_option_label_02",
"test_option_value_02");
form_id.SelectOption("test_select", "test_option_label_03",
"test_option_value_03");
form_id.SelectOption("test_select", "test_option_label_04",
"test_option_value_04");
form_id.SelectOption("test_select", "test_option_label_05",
"test_option_value_05");
form_id.SelectOption("test_select", "test_option_label_06",
"test_option_value_06");
form_id.SelectOption("test_select", "test_option_label_07",
"test_option_value_07");
form_id.SelectOption("test_select", "test_option_label_08",
"test_option_value_08");
form_id.SelectOption("test_select", "test_option_label_09",
"test_option_value_09");
form_id.SelectOption("test_select", "test_option_label_10",
"test_option_value_10");
form_id.SelectOption("test_select", "test_option_label_11",
"test_option_value_11");
form_id.SelectOption("test_select", "test_option_label_12",
"test_option_value_12");
form_id.SelectOption("test_select", "test_option_label_13",
"test_option_value_13");
form_id.SelectOption("test_select", "test_option_label_14",
"test_option_value_14");
form_id.SelectOption("test_select", "test_option_label_15",
"test_option_value_15");
form_id.SelectOption("test_select", "test_option_label_16",
"test_option_value_16");
form_id.SelectOption("test_select", "test_option_label_17",
"test_option_value_17");
form_id.SelectOption("test_select", "test_option_label_18",
"test_option_value_18");
form_id.SelectOption("test_select", "test_option_label_19",
"test_option_value_19");
form_id.SelectOption("test_select", "test_option_label_20",
"test_option_value_20");
form_id.SelectOption("test_select", "test_option_label_21",
"test_option_value_21");
form_id.SelectOption("test_select", "test_option_label_22",
"test_option_value_22");
form_id.SelectOption("test_select", "test_option_label_23",
"test_option_value_23");
form_id.SelectOption("test_select", "test_option_label_24",
"test_option_value_24");
form_id.SelectOption("test_select", "test_option_label_25",
"test_option_value_25");
</script>
<p>
<p>
<script>form_id.formClose();</script>
</body>
</html>
|
추천 : 