색상있는 셀렉트 폼

Posted at 2007. 3. 21. 19:26 | Posted in 프로그래밍/ASP, Javascript


<!--StartFragment--><select style>

        <option>select color
        <option style="background-color:000000;color:white" value="#000000">black
        <option style="background-color:2f4f4f;color:white" value="#2f4f4f">darkslategray
        <option style="background-color:696969;color:white" value="#696969">dimgray
        <option style="background-color:808080;color:white" value="#808080">gray
        <option style="background-color:708090;color:white" value="#708090">slategray
        <option style="background-color:778899;color:white" value="#778899">lightslategray
        <option style="background-color:a9a9a9;color:white" value="#a9a9a9">darkgray
        <option style="background-color:c0c0c0" value="#c0c0c0">silver
        <option style="background-color:d3d3d3" value="#d3d3d3">lightgrey
        <option style="background-color:dcdcdc" value="#dcdcdc">gainsboro
        <option style="background-color:ffffff" value="#ffffff">white
        <option style="background-color:fff5ee" value="#fff5ee">seashell
        <option style="background-color:fffafa" value="#fffafa">snow
        <option style="background-color:f8f8ff" value="#f8f8ff">ghostwhite
        <option style="background-color:fffaf0" value="#fffaf0">floralwhite
        <option style="background-color:f5f5f5" value="#f5f5f5">whitesmoke
        <option style="background-color:f0f8ff" value="#f0f8ff">aliceblue
        <option style="background-color:f0ffff" value="#f0ffff">azure
        <option style="background-color:fdf5e6" value="#fdf5e6">oldlace
        <option style="background-color:f5fffa" value="#f5fffa">mintcream
        <option style="background-color:ffefd5" value="#ffefd5">papayawhip
        <option style="background-color:ffdab9" value="#ffdab9">peachpuff
        <option style="background-color:faf0e6" value="#faf0e6">linen
        <option style="background-color:eee8aa" value="#eee8aa">palegoldenrod
        <option style="background-color:ffe4e1" value="#ffe4e1">mistyrose
        <option style="background-color:ffe4b5" value="#ffe4b5">moccasin
        <option style="background-color:ffdead" value="#ffdead">navajowhite
        <option style="background-color:d2b48c" value="#d2b48c">tan
        <option style="background-color:f5deb3" value="#f5deb3">wheat
        <option style="background-color:fafad2" value="#fafad2">lightgoldenrodyellow
        <option style="background-color:ffffe0" value="#ffffe0">lightyellow
        <option style="background-color:fff8dc" value="#fff8dc">cornsilk
        <option style="background-color:faebd7" value="#faebd7">antiquewhite
        <option style="background-color:f5f5dc" value="#f5f5dc">beige
        <option style="background-color:fffacd" value="#fffacd">lemonchiffon
        <option style="background-color:fffff0" value="#fffff0">ivory
        <option style="background-color:f0e68c" value="#f0e68c">khaki
        <option style="background-color:e6e6fa" value="#e6e6fa">lavender
        <option style="background-color:fff0f5" value="#fff0f5">lavenderblush
        <option style="background-color:ffe4c4" value="#ffe4c4">bisque
        <option style="background-color:ffebcd" value="#ffebcd">blanchedalmond
        <option style="background-color:deb887" value="#deb887">burlywood
        <option style="background-color:cd853f" value="#cd853f">peru
        <option style="background-color:00ced1" value="#00ced1">darkturquoise
        <option style="background-color:00bfff" value="#00bfff">deepskyblue
        <option style="background-color:7fffd4" value="#7fffd4">aquamarine
        <option style="background-color:1e90ff" value="#1e90ff">dodgerblue
        <option style="background-color:00ffff" value="#00ffff">cyan
        <option style="background-color:f0fff0" value="#f0fff0">honeydew
        <option style="background-color:87cefa" value="#87cefa">lightskyblue
        <option style="background-color:afeeee" value="#afeeee">paleturquoise
        <option style="background-color:e0ffff" value="#e0ffff">lightcyan
        <option style="background-color:add8e6" value="#add8e6">lightblue
        <option style="background-color:b0c4de" value="#b0c4de">lightsteelblue
        <option style="background-color:40e0d0" value="#40e0d0">turquoise
        <option style="background-color:48d1cc" value="#48d1cc">mediumturquoise
        <option style="background-color:00ffff" value="#00ffff">aqua
        <option style="background-color:7b68ee;color:white" value="#7b68ee">mediumslateblue
        <option style="background-color:191970;color:white" value="#191970">midnightblue
        <option style="background-color:6495ed;color:white" value="#6495ed">cornflowerblue
        <option style="background-color:0000cd;color:white" value="#0000cd">mediumblue
        <option style="background-color:6a5acd;color:white" value="#6a5acd">slateblue
        <option style="background-color:4682b4;color:white" value="#4682b4">steelblue
        <option style="background-color:0000ff;color:white" value="#0000ff">blue
        <option style="background-color:483d8b;color:white" value="#483d8b">darkslateblue
        <option style="background-color:5f9ea0;color:white" value="#5f9ea0">cadetblue
        <option style="background-color:87ceeb;color:white" value="#87ceeb">skyblue
        <option style="background-color:4169e1;color:white" value="#4169e1">royalblue
        <option style="background-color:b0e0e6;color:white" value="#b0e0e6">powderblue
        <option style="background-color:000080;color:white" value="#000080">navy
        <option style="background-color:00008b;color:white" value="#00008b">darkblue
        <option style="background-color:8a2be2;color:white" value="#8a2be2">blueviolet
        <option style="background-color:8b008b;color:white" value="#8b008b">darkmagenta
        <option style="background-color:9932cc;color:white" value="#9932cc">darkorchid
        <option style="background-color:9400d3;color:white" value="#9400d3">darkviolet
        <option style="background-color:ff00ff" value="#ff00ff">magenta
        <option style="background-color:ff00ff" value="#ff00ff">fuchsia
        <option style="background-color:c71585" value="#c71585">mediumvioletred
        <option style="background-color:ba55d3" value="#ba55d3">mediumorchid
        <option style="background-color:9370db" value="#9370db">mediumpurple
        <option style="background-color:dc143c" value="#dc143c">crimson
        <option style="background-color:ff1493" value="#ff1493">deeppink
        <option style="background-color:ffb6c1" value="#ffb6c1">lightpink
        <option style="background-color:ff69b4" value="#ff69b4">hotpink
        <option style="background-color:ffc0cb" value="#ffc0cb">pink
        <option style="background-color:dda0dd" value="#dda0dd">plum
        <option style="background-color:800080;color:white" value="#800080">purple
        <option style="background-color:ee82ee" value="#ee82ee">violet
        <option style="background-color:d8bfd8" value="#d8bfd8">thistle
        <option style="background-color:da70d6" value="#da70d6">orchid
        <option style="background-color:4b0082;color:white" value="#4b0082">indigo
        <option style="background-color:a52a2a;color:white" value="#a52a2a">brown
        <option style="background-color:e9967a;color:white" value="#e9967a">darksalmon
        <option style="background-color:f08080" value="#f08080">lightcoral
        <option style="background-color:cd5c5c" value="#cd5c5c">indianred
        <option style="background-color:ffa07a" value="#ffa07a">lightsalmon
        <option style="background-color:db7093" value="#db7093">palevioletred
        <option style="background-color:f4a460" value="#f4a460">sandybrown
        <option style="background-color:fa8072" value="#fa8072">salmon
        <option style="background-color:ff6347" value="#ff6347">tomato
        <option style="background-color:ff4500" value="#ff4500">ornagered
        <option style="background-color:ff0000" value="#ff0000">red
        <option style="background-color:800000;color:white" value="#800000">maroon
        <option style="background-color:8b0000;color:white" value="#8b0000">darkred
        <option style="background-color:b22222;color:white" value="#b22222">firebrick
        <option style="background-color:d2691e;color:white" value="#d2691e">chocolate
        <option style="background-color:8b4513;color:white" value="#8b4513">saddlebrown
        <option style="background-color:a0522d;color:white" value="#a0522d">sienna
        <option style="background-color:bc8f8f" value="#bc8f8f">rosybrown
        <option style="background-color:ff7f50" value="#ff7f50">coral
        <option style="background-color:ff8c00" value="#ff8c00">darkorange
        <option style="background-color:ffa500" value="#ffa500">orange
        <option style="background-color:b8860b" value="#b8860b">darkgoldenrod
        <option style="background-color:ffd700" value="#ffd700">gold
        <option style="background-color:ffff00" value="#ffff00">yellow
        <option style="background-color:7fff00" value="#7fff00">chartreuse
        <option style="background-color:7cfc00" value="#7cfc00">lawngreen
        <option style="background-color:00ff00" value="#00ff00">lime
        <option style="background-color:32cd32" value="#32cd32">limegreen
        <option style="background-color:00ff7f" value="#00ff7f">springgreen
        <option style="background-color:3cb371" value="#3cb371">mediumseagreen
        <option style="background-color:adff2f" value="#adff2f">greenyellow
        <option style="background-color:8fbc8f" value="#8fbc8f">darkseagreen
        <option style="background-color:90ee90" value="#90ee90">lightgreen
        <option style="background-color:98fb98" value="#98fb98">palegreen
        <option style="background-color:9acd32" value="#9acd32">yellowgreen
        <option style="background-color:2e8b57;color:white" value="#2e8b57">seagreen
        <option style="background-color:00fa9a" value="#00fa9a">mediumspringgreen
        <option style="background-color:20b2aa" value="#20b2aa">lightseagreen
        <option style="background-color:66cdaa" value="#66cdaa">mediumaquamarine
        <option style="background-color:228b22;color:white" value="#228b22">forestgreen
        <option style="background-color:008b8b;color:white" value="#008b8b">darkcyan
        <option style="background-color:008080;color:white" value="#008080">teal
        <option style="background-color:006400;color:white" value="#006400">darkgreen
        <option style="background-color:556b2f;color:white" value="#556b2f">darkolivegreen
        <option style="background-color:008000;color:white" value="#008000">green
        <option style="background-color:808000;color:white" value="#808000">olive
        <option style="background-color:6b8e23;color:white" value="#6b8e23">olivedrab
        <option style="background-color:bdb76b" value="#bdb76b">darkkhaki
        <option style="background-color:daa520" value="#daa520">goldenrod
    </select>



//