Restricting Text Field From Affecting Contact Page Layout
hi community,
i'm working on contact page site, , managed build 1 using jotform. however, make few changes using dreamweaver, first been text field (where customers enter/type message).
i resizable particular size according amount of information entered, but not affect entire page layout. please see code below.
thanks
<script src="http://cdn.jotfor.ms/static/jotform.js?3.1.1125" type="text/javascript"></script>
<script type="text/javascript">
jotform.init(function(){
$('input_16').hint(' myname@example.com');
});
</script>
<link href="http://cdn.jotfor.ms/static/formcss.css?3.1.1125" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="http://cdn.jotfor.ms/css/styles/nova.css?3.1.1125" />
<link type="text/css" media="print" rel="stylesheet" href="http://cdn.jotfor.ms/css/printform.css?3.1.1125" />
<style type="text/css">
.form-label{
width:180px !important;
}
.form-label-left{
width:180px !important;
}
.form-line{
padding-top:12px;
padding-bottom:12px;
}
.form-label-right{
width:180px !important;
}
.form-all{
width:933px;
background:#fcfcfc;
color:#948787 !important;
font-family:'arial';
font-size:14px;
}
.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
color:#948787;
}
</style>
<link type="text/css" rel="stylesheet" href="http://myjotform.com/css/styles/buttons/form-submit-button-simple_green_apple.css?3.1.1125"/>
<form class="jotform-form" action="http://submit.myjotform.com/submit/33321410101531/" method="post" name="form_33321410101531" id="33321410101531" accept-charset="utf-8">
<input type="hidden" name="formid" value="33321410101531" />
<div class="form-all">
<ul class="form-section">
<li id="cid_18" class="form-input-wide">
<div class="form-header-group">
<h2 id="header_18" class="form-header">
contact us
</h2>
<div id="subheader_18" class="form-subheader">
please complete fields below contact us.
</div>
</div>
</li>
<li class="form-line" id="id_15">
<label class="form-label-right" id="label_15" for="input_15">
name<span class="form-required">*</span>
</label>
<div id="cid_15" class="form-input"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="10" name="q15_name15[first]" id="first_15" />
<label class="form-sub-label" for="first_15" id="sublabel_first"> first name </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="15" name="q15_name15[last]" id="last_15" />
<label class="form-sub-label" for="last_15" id="sublabel_last"> last name </label></span>
</div>
</li>
<li class="form-line" id="id_16">
<label class="form-label-right" id="label_16" for="input_16">
e-mail<span class="form-required">*</span>
</label>
<div id="cid_16" class="form-input">
<input type="email" class=" form-textbox validate[required, email]" id="input_16" name="q16_email16" size="32" value="" />
</div>
</li>
<li class="form-line" id="id_8">
<label class="form-label-right" id="label_8" for="input_8">
comments:<span class="form-required">*</span>
</label>
<div id="cid_8" class="form-input">
<div class="form-textarea-limit"><span><textarea id="input_8" class="form-textarea validate[required]" name="q8_comments" cols="40" rows="10"></textarea>
<div class="form-textarea-limit-indicator"><span type="words" limit="5000" id="input_8-limit">0/5000</span>
</div></span>
</div>
</div>
</li>
<li class="form-line" id="id_9">
<label class="form-label-right" id="label_9" for="input_9">
type characters see here:<span class="form-required">*</span>
</label>
<div id="cid_9" class="form-input">
<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
<div id="recaptcha_input_9">
</div>
<script type="text/javascript">
var rc_script_tag = document.createelement('script'),
rc_init_func = function()
{
recaptcha.create("6ld9uagaaaaaamon8zjt30tezigqz4iiuwxlt1ky", "recaptcha_input_9", {
theme: "clean",
callback: function()
{
$("recaptcha_response_field").addclassname("validate[required]");
jotform.validator()
}
});
}
rc_script_tag.src = "http://www.google.com/recaptcha/api/js/recaptcha_ajax.js";
rc_script_tag.type = 'text/javascript';
rc_script_tag.onload = function()
{
rc_init_func.call();
};
rc_script_tag.onreadystatechange = function()
{
if (rc_script_tag.readystate == 'loaded' || rc_script_tag.readystate == 'complete')
{
rc_init_func.call();
}
};
(document.getelementsbytagname('head')[0] || document.getelementsbytagname('body')[0]).appendchild(rc_script_tag);
</script>
</div>
</li>
<li class="form-line" id="id_7">
<div id="cid_7" class="form-input-wide">
<div style="text-align:center" class="form-buttons-wrapper">
<button id="input_7" type="submit" class="form-submit-button form-submit-button-simple_green_apple">
send
</button>
</div>
</div>
</li>
<li style="display:none">
should empty:
<input type="text" name="website" value="" />
</li>
</ul>
</div>
<input type="hidden" id="simple_spc" name="simple_spc" value="33321410101531" />
<script type="text/javascript">
document.getelementbyid("si" + "mple" + "_spc").value = "33321410101531-33321410101531";
</script>
</form>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment