10
2. Make New ContentSubject : myPage
HTML headers :check 'display the textarea'
<style type="text/css">
<!--
#myform {width: 340px; text-align: left;}
#myform fieldset {margin: 0;border: 0;padding: 0;}
#myform legend {display: none;}
#myform h3 {clear: both;padding: 5px 0px 10px 0px; font-size:14px;}
#myform label
{display: block;
width: 310px;
font-size: 12px;
line-height: 14px;
padding: 0px 0px 12px 0px;}
#myform input {display: block;margin-top: 3px;}
#myform select {float: left;display: block;}
#myform label.field-first,
#myform label.field-address,
#myform label.field-city,
#myform label.field-email
{clear: left;}
#myform label.field-first,
#myform label.field-last,
#myform label.field-city,
#myform label.field-email,
#myform label.field-phone
{float: left;margin: 0px 10px 0px 0px;width: 150px;}
#myform label.field-first input,
#myform label.field-last input,
#myform label.field-email input,
#myform label.field-city input,
#myform label.field-phone input
{float: left;width: 150px;padding: 0px;}
#myform label.field-zip
{float: left;width: 80px;}
#myform label.field-zip input
{float: left;width: 80px;}
#myform label.field-address
{float: left;width: 310px;margin: 0px;}
#myform label.field-address input
{float: left;width: 310px;padding: 0px;}
#myform input#radiobutton_1,
#myform input#radiobutton_2,
#myform input#radiobutton_3
{clear: left;float: left;padding: 0px;margin: 0px;}
#myform label.radioitem
{clear: none;margin: 0px 0px 0px 25px;padding: 0px 0px 15px 0px;}
#myform textarea {display: block;margin-top: 3px;}
#myform input#checkbox_1,
#myform input#checkbox_2,
#myform input#checkbox_3
{clear: both;float: left;padding: 0px;margin: 0px;}
#myform label.field-checkbox
{clear: none;margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px;}
-->
</style>
Body :
<h1>My Page with My Form</h1>
<p>This sample form will validate XHMTL 1.0 Strict, and it will render with reasonable consistency across the following Web browsers:</p>
<ul>
<li>Safari 1.2 for Mac OS X</li>
<li>Safari 2.0 for Mac OS X</li>
<li>Safari 3.0 for Windows</li>
<li>OmniWeb 5.1.1 for Mac OS X</li>
<li>Internet Explorer 5.2 for Mac OS X</li>
<li>Camino 0.9a1 for Mac OS X</li>
<li>Firefox 1.0 for Mac OS X</li>
<li>Firefox 1.0.4 for Windows</li>
<li>Internet Explorer 5.5 for Windows</li>
<li>Internet Explorer 6.0 for Windows</li>
<li>Opera 7.54 for Windows</li>
<li>Opera 9.0 for Windows</li>
</ul>
<p>Forms are notoriously difficult to style, and to get a form even to this point takes some effort. <br />
So you are welcome to use this form in whole or in part to create one of your own.<br />
Khoi Vinh shared a markup and CSS simple and flexible to be applied by almost everyone.<br />
If you choose to credit the original author , that would be terrific.</p>
<p>If you can improve this markup and, or the CSS, using Gijoe Pico smarty please share your changes with<br />
the community — Feel free topost new versions of this form for others to benefit from. Thanks!<br />
</p>
<div id="myform>
<{capture}>
<{pico [color=990000]id="1"[/color]}>
<{/capture}>
<{formmail4fleamarket mail_body_pre="A query for validation existnContact webmaster as soon as possiblenn" from_name="XHTML Validation" cc_field_name="youremail" cc_mail_subject="A confirmation for your query" cc_mail_body_pre="Thank you for querying us.nThis is the content you have queriedn"}>
</div>
/!\ Attention Remember your "myForm" ...content_id=
1? To render your form use it with smarty <{pico
id="1"}>
Filters : [x] Smarty(XoopsTpl)
Finally, push the button
[ register this form ]
Note :1) Add a div with ID to design your form, so it will not override your module or theme CSS
2) Check submissions from Pico administration "Extras"
I like people more than machines or money. But that's me!
Lets do something good and great: Lets do open source!