crojet
asked on
Un-editable text box in html form
Hi
I would like to have a text box at the bottom of my form which informs the user of rules and regulations of submitting information. I tried to place some text in a textarea but the user can delete the text.
any help would be great thanks
I would like to have a text box at the bottom of my form which informs the user of rules and regulations of submitting information. I tried to place some text in a textarea but the user can delete the text.
any help would be great thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>RateStudentSpace - Register</title>
<style type="text/css" media="all">
@import "layout1.css";
body {
background-color: #ccccff;
}
div.c2 {clear:both;}
div.c1 {clear: both;}
img {border-style: none;}
#wrap
{
max-width: 900px;
min-width: 700px;
width: 90%;
margin: 20% auto;
height: 100%;
}
#main
{
background-image: url('images/contents.jpg');
width: 809px;
height: 1480px;
margin-left: 3%;
position: absolute;
top:225px;
}
#main_long
{
background-image: url('images/contents.jpg');
width: 809px;
height: 1830px;
margin-left: 3%;
position: absolute;
top:225px;
}
.info
{
margin-top: 10px;
margin-bottom: 2em;
margin-right: 2em;
margin-left: 2em;
font: 13px "Lucida Sans Unicode" , Verdana, sans-serif;
}
.err
{
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
font: 13px "Lucida Sans Unicode" , Verdana, sans-serif;
}
#login
{
background-image: url('images/login.jpg');
width: 67px;
height: 53px;
font: 13px "Lucida Sans Unicode" , Verdana, sans-serif;
margin-left: 100%;
margin-top: 220px;
}
.reg
{
margin-top: 9px;
margin-bttom: 1em;
margin-right: 1em;
margin-left: 9px;
font: 11px "Lucida Sans Unicode" , Verdana, sans-serif;
}
#header
{
background-image: url('images/header.jpg');
background-repeat:no-repeat;
width: 809px;
height: 191px;
position: absolute;
top: 0%;
margin-left: 3%;
}
#home
{
width: 115px;
height: 34px;
position: absolute;
margin-left: 0%;
margin-top: 190px;
}
#leave
{
width: 115px;
height: 34px;
position: absolute;
margin-left: 28%;
margin-top: 190px;
}
#search
{
width: 115px;
height: 34px;
position: absolute;
margin-left: 58%;
margin-top: 190px;
}
#help
{
width: 115px;
height: 34px;
position: absolute;
margin-left: 85.9%;
margin-top: 190px;
}
.info h2 {
font-size: 100%;
font: 18px "Lucida Sans Unicode" , Verdana, sans-serif;
text-align: center;
padding: 0;}
.info h3 {
font-size:100%;
font: 10px "Lucida Sans Unicode" , Verdana, sans-serif;
text-align: left;
padding:0;
}
.info h4 {
font-size:100%;
font: 18px "Lucida Sans Unicode" , Verdana, sans-serif;
text-align: left;
padding:0;
}
#indent
{
margin-left: 12%;
font: 13px "Lucida Sans Unicode" , Verdana, sans-serif;
}
</style>
</head>
<body>
<div id="wrap">
<!-- Goes with the CSS layout. -->
<!-- Script 7.1 - header.html -->
<!-- Start of page-specific content. -->
<body bgcolor="#ccccff">
<div id="header">
<div id="home"><a href="index.html"><img src="images/home.jpg" width="115" height="34" alt="home" /></a></div>
<div class="c1"></div>
<div id="leave"><a href="register.php"><img src="images/leave.jpg" width="115" height="34" alt="leave" /></a></div>
<div class="c1"></div>
<div id="help"><a href="help.html"><img src="images/help.jpg" width="115" height="34" alt="help" /></a></div>
<div class="c1"></div>
<div id="search"><a href="search.php"><img src="images/search.jpg" width="115" height="34" alt="search" /></a></div>
<div class="c1"></div>
</div>
<?php # Script 7.7 - register.php (3rd version after Scripts 7.3 & 7.5)
$page_title = 'Register';
// Check if the form has been submitted.
if (isset($_POST['submitted'])) {
require_once ('mysqlConnection.php'); // Connect to the db.
// Create a function for escaping the data.
function escape_data ($data) {
global $dbc; // Need the connection.
if (ini_get('magic_quotes_gpc')) {
$data = stripslashes($data);
}
return mysql_real_escape_string(trim($data));
} // End of function.
$errors = array(); // Initialize error array.
// Check for a first number.
if (empty($_POST['number'])) {
$errors[] = 'You forgot to enter your house/flat number.';
} else {
$n = escape_data($_POST['number']);
}
// Check for a firstline.
if (empty($_POST['firstline'])) {
$errors[] = 'You forgot to enter the first line of your address.';
} else {
$fl = strtoupper(escape_data($_POST['firstline']));
}
// Check for an secondline.
if (empty($_POST['secondline'])) {
$sl = escape_data($_POST['secondline']);
} else {
$sl = strtoupper(escape_data($_POST['secondline']));
}
if (empty($_POST['city'])) {
$errors[] = 'You forgot to enter the city.';
} else {
$c = strtoupper(escape_data($_POST['city']));
}
if (empty($_POST['county'])) {
$co = escape_data($_POST['county']);
} else {
$co = strtoupper(escape_data($_POST['county']));
}
if (empty($_POST['postcode'])) {
$pc = escape_data($_POST['postcode']);
} else {
$pc = strtoupper(escape_data($_POST['postcode']));
}
$year=$_POST['year'];
//included in rent check box button validation
if(empty($_POST["water"])){
$water="";
}else{
$water = trim($_POST["water"]);
}
if(empty($_POST["gas"])){
$gas="";
}else{
$gas = trim($_POST["gas"]);
}
if(empty($_POST["electric"])){
$electric="";
}else{
$electric = trim($_POST["electric"]);
}
if(empty($_POST["internet"])){
$internet="";
}else{
$internet = trim($_POST["internet"]);
}
if(empty($_POST["skycable"])){
$skycable="";
}else{
$skycable = trim($_POST["skycable"]);
}
if(empty($_POST["cleaning"])){
$cleaning="";
}else{
$cleaning = trim($_POST["cleaning"]);
}
//facilites avaliable
if(empty($_POST["furniture"])){
$furniture="";
}else{
$furniture = trim($_POST["furniture"]);
}
if(empty($_POST["washmachine"])){
$washmachine="";
}else{
$washmachine = trim($_POST["washmachine"]);
}
if(empty($_POST["dryer"])){
$dryer="";
}else{
$dryer = trim($_POST["dryer"]);
}
if(empty($_POST["cooker"])){
$cooker="";
}else{
$cooker = trim($_POST["cooker"]);
}
if(empty($_POST["fridge"])){
$fridge="";
}else{
$fridge = trim($_POST["fridge"]);
}
if(empty($_POST["doubleglazing"])){
$doubleglazing="";
}else{
$doubleglazing = trim($_POST["doubleglazing"]);
}
if(empty($_POST["heating"])){
$heating="";
}else{
$heating = trim($_POST["heating"]);
}
if(empty($_POST["alarm"])){
$alarm="";
}else{
$alarm = trim($_POST["alarm"]);
}
if(empty($_POST["firealarm"])){
$firealarm="";
}else{
$firealarm = trim($_POST["firealarm"]);
}
if(empty($_POST["locks"])){
$locks="";
}else{
$locks = trim($_POST["locks"]);
}
if(empty($_POST["parking"])){
$parking="";
}else{
$parking = trim($_POST["parking"]);
}
if(empty($_POST["entrance"])){
$entrance="";
}else{
$entrance = trim($_POST["entrance"]);
}
if(empty($_POST["commonroom"])){
$commonroom="";
}else{
$commonroom = trim($_POST["commonroom"]);
}
if(empty($_POST["bath"])){
$bath="";
}else{
$bath = trim($_POST["bath"]);
}
if(empty($_POST["shower"])){
$shower="";
}else{
$shower = trim($_POST["shower"]);
}
//beds
if (empty($_POST['beds'])) {
$beds = escape_data($_POST['beds']);
} else {
$beds = escape_data($_POST['beds']);
}
if (empty($_POST['dbeds'])) {
$dbeds = escape_data($_POST['dbeds']);
} else {
$dbeds = escape_data($_POST['dbeds']);
}
//rent validation
if (empty($_POST['rent'])) {
$re = escape_data($_POST['rent']);
} else {
$re = escape_data($_POST['rent']);
}
//rent paid validation
$rentpaid=$_POST['rentpaid'];
//distance to uni
$distanceuni=$_POST['distanceuni'];
$distanceshop=$_POST['distanceshop'];
$noise=$_POST['noise'];
$safety=$_POST['safety'];
$fandf=$_POST['fandf'];
$community=$_POST['community'];
//landlord estate agent
$polite=$_POST['polite'];
$flexability=$_POST['flexability'];
$contact=$_POST['contact'];
$jobdone=$_POST['jobdone'];
if (empty($_POST['comments'])) {
$comments = escape_data($_POST['comments']);
} else {
$comments = escape_data($_POST['comments']);
}
// Check for a password and match against the confirmed password.
//if (!empty($_POST['password1'])) {
//if ($_POST['password1'] != $_POST['password2']) {
//$errors[] = 'Your password did not match the confirmed password.';
//} else {
//$p = escape_data($_POST['password1']);
//}
//} else {
//$errors[] = 'You forgot to enter your password.';
//}
if (empty($errors)) { // If everything's okay.
// Register the user in the database.
// Check for previous registration.
$query = "SELECT number FROM address WHERE number='$n' AND firstline='$fl' AND city='$c' AND year='$year'";
$result = mysql_query($query);
if (mysql_num_rows($result) == 0)
{
// Make the query.
$query = "INSERT INTO address (number, firstline, secondline, city, county, postcode, year, water, gas, electric, internet, skycable, cleaning, rent, rentpaid, furniture, washmachine, dryer, cooker, fridge, doubleglazing, heating, alarm, firealarm, locks, parking, entrance, commonroom, bath, shower, beds, dbeds, distanceuni, distanceshop, noise, safety, fandf, community, polite, flexability, contact, jobdone, comments)
VALUES ('$n', '$fl', '$sl', '$c', '$co', '$pc', '$year', '$water', '$gas', '$electric', '$internet', '$skycable', '$cleaning', '$re', '$rentpaid', '$furniture', '$washmachine', '$dryer', '$cooker', '$fridge', '$doubleglazing', '$heating', '$alarm', '$firealarm', '$locks', '$parking', '$entrance', '$commonroom', '$bath', '$shower', '$beds', '$dbeds', '$distanceuni', '$distanceshop', '$noise', '$safety', '$fandf', '$community', '$polite', '$flexability', '$contact', '$jobdone', '$comments')";
$result = @mysql_query ($query); // Run the query.
if ($result) { // If it ran OK.
// Send an email, if desired.
// Print a message.
echo '<div id="main"><div class="info"><<h1 id="mainhead">Thank you!</h1>
<p>Thank you for reviewing your student accommdation.</p><p><br /></p></div></div>';
// Include the footer and quit the script (to not show the form).
include ('footer.html');
exit();
} else { // If it did not run OK.
echo '<div id="main"><div class="info"><h1 id="mainhead">System Error</h1>
<p class="error">You could not be registered due to a system error. We apologize for any inconvenience.</p></div></div>'; // Public message.
echo '<p>' . mysql_error() . '<br /><br />Query: ' . $query . '</p>'; // Debugging message.
include ('footer.html');
exit();
}
} else { // Already registered.
echo '<div id="main"><div class="info"><h1 id="mainhead">OOPS!</h1>
<p class="error">Sorry but that address has already been reviewed for the year you entered.</p></div></div>';
include ('footer.html');
exit();
}
} else { // Report the errors.
echo '<div id="main"><div class="info"><h1 id="mainhead">Error!</h1>
<p class="error">The following error(s) occurred:<br />';
foreach ($errors as $msg) { // Print each error.
echo " - $msg<br />\n";
}
echo '</p><p><a href="register.php">Please try again.</a></p><p><br /></p></div></div>';
include ('footer.html');
exit();
} // End of if (empty($errors)) IF.
//mysql_close(); // Close the database connection.
} // End of the main Submit conditional.
?>
<div id="main">
<div class="info">
<h2><b>Register House/Flat/Halls</b></h2>
<form action="register.php" method="post">
<div>
<b>ACCOMMODATION INFORMATION</b></div>
<div><br/>
<div style="width: 80px; float: left;">
Number:</div>
<div style="float: left; width: auto;">
<input type="text" name="number" size="20" maxlength="15" value="<?php if (isset($_POST['number'])) echo $_POST['number']; ?>" /></div>
<div style="clear: both;">
</div>
<div style="width: 80px; float: left;">
First Line:</div>
<div style="float: left; width: auto;">
<input type="text" name="firstline" size="20" maxlength="30" value="<?php if (isset($_POST['firstline'])) echo $_POST ['firstline']; ?>" /></div>
<div style="clear: both;">
</div>
<div style="width: 80px; float: left;">
Second Line:</div>
<div style="float: left; width: auto;">
<input type="text" name="secondline" size="20" maxlength="40" value="<?php if (isset($_POST['secondline'])) echo $_POST['secondline']; ?>" /></div>
<div style="clear: both;">
</div>
<div style="width: 80px; float: left;">
City:</div>
<div style="float: left; width: auto;">
<input type="text" name="city" size="20" maxlength="20" value="<?php if (isset($_POST['city'])) echo $_POST['city']; ?>" /></div>
<div style="clear: both;">
</div>
<div style="width: 80px; float: left;">
County:</div>
<div style="float: left; width: auto;">
<input type="text" name="county" size="20" maxlength="20" value="<?php if (isset($_POST['county'])) echo $_POST['county']; ?>" /></div>
<div style="clear: both;">
</div>
<div style="width: 80px; float: left;">
Postcode:</div>
<div style="float: left; width: auto;">
<input type="text" name="postcode" size="20" maxlength="20" value="<?php if (isset($_POST['postcode'])) echo $_POST['postcode']; ?>" /></div>
<div style="clear: both;">
</div>
<div style="width: 80px; float: left;">
Year:</div>
<div style="float: left; width: auto;">
<select name="year" id="year"></div>
<option value="2008-2009">2008-2009</option>
<option value="2007-2008">2007-2008 </option>
<option value="2006-2007">2006-2007</option>
</select>
<div style="clear: both;">
</div>
<br /></div>
<div style="clear: both;">
</div>
<div>
<div>
<br /><b>Please tick which items are included in the rent.</b><br />
</div>
<div>
<input type="checkbox" name="water" value="water" />Water </input></div>
<div>
<input type="checkbox" name="gas" value="gas" />Gas </input></div>
<div>
<input type="checkbox" name="electric" value="electric" />Electric </input></div>
<div>
<input type="checkbox" name="internet" value="internet" />Internet </input></div>
<div>
<input type="checkbox" name="skycable" value="skycable" />Sky/Cable </input></div>
<div>
<input type="checkbox" name="cleaning" value="cleaning" />Cleaning </input></div>
</div>
<div style="clear: both;">
</div>
<div>
<div>
<br />
<b>Please tick which facilities are avaliable to the occupier.</b><br />
</div>
<div><br/>
<input type="checkbox" name="furniture" value="furniture">Furniture </input><br />
</div>
<div>
<input type="checkbox" title="amar" name="washmachine" value="washmachine">Washing Mashine
</input>
</div>
<div>
<input type="checkbox" name="dryer" value="dryer">Dryer </input>
</div>
<div>
<input type="checkbox" name="cooker" value="cooker">Cooker/Hob </input>
</div>
<div>
<input type="checkbox" name="fridge" value="fridge">Fridge Freezer </input>
</div>
<div>
<input type="checkbox" name="doubleglazing" value="doubleglazing">Double Glazing</input>
</div>
</div>
<div style="clear: both;">
</div>
<div>
<div>
<input type="checkbox" name="heating" value="heating">Central Heating </input>
</div>
<div>
<input type="checkbox" name="alarm" value="alarm">Burglar Alarm </input>
</div>
<div>
<input type="checkbox" name="firealarm" value="firealarm">Fire Alarm </input>
</div>
<div>
<input type="checkbox" name="locks" value="locks">Locks on room doors </input>
</div>
<div>
<input type="checkbox" name="parking" value="parking">Off street parking </input>
</div>
<div>
<input type="checkbox" name="entrance" value="entrance">Buzz/Security door entrance
</input>
</div>
</div>
<div style="clear: both;">
</div>
<div>
<div>
<input type="checkbox" name="commonroon" value="commonroom">Communal living space (e.sg
living room) </input>
</div>
<div>
<input type="checkbox" name="bath" value="bath">Bath</input></div>
<div>
<input type="checkbox" name="shower" value="shower">Shower</input></div>
<div>
</div>
<div style="clear: both;">
</div>
<br />
<div>
How many bedrooms:
<input type="text" name="beds" size="1" maxlength="1" value="<?php if (isset($_POST['beds'])) echo $_POST['beds']; ?>"><br />
</div>
<div style="clear: both;">
</div>
<div>
Of those how many are double rooms:
<input type="text" name="dbeds" size="1" maxlength="1" value="<?php if (isset($_POST['dbeds'])) echo $_POST['dbeds']; ?>">
</div>
<div style="clear: both;">
</div>
<div>
<br />
How much rent do you pay: £
<input type="text" name="rent" size="10" maxlength="20" value="<?php if (isset($_POST['rent'])) echo $_POST['rent']; ?>"><br />
</div>
<div style="clear: both;">
</div>
<div>
<br />
Is the rent paid:<select name="rentpaid" id="rentpaid"><br />
</div>
<div style="clear: both;">
</div>
<option value="weekly">Weekley</option>
<---- option 1
<option value="monthly">Monthly </option>
<---- option 2 </select>
<div>
<br />
<b>Please give a rating out of 5 for each of the following criteria (5 being the best):</b><br />
</div>
<div style="clear: both;">
</div>
<div><br/>
Distance to university:<select name="distanceuni" id="distanceuni"><br /></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Distance to local shops:<select name="distanceshop" id="distanceshop"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Noise:<select name="noise" id="noise"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Safety:<select name="safety" id="safety"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Furniture and Fittings:<select name="fandf" id="fandf"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Community:<select name="community" id="community"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
<br />
<b>LANDLORD/ESTATE AGENT INFORMATION</b><br />
</div>
<div><br/>
Politeness:<select name="polite" id="polite"><br /></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Flexability:<select name="flexability" id="flexability"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Easy To Contact?:<select name="contact" id="contact"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select><div style="clear: both;">
</div>
<div>
Getting Jobs Done:<select name="jobdone" id="jobdone"></div>
<option value="1">1</option>
<option value="2">2 </option>
<option value="3">3</option>
<option value="4">4 </option>
<option value="5">5 </option>
</select>
<div><br/>
<b>Read the Terms of Use before submitting a review</b>
<textarea rows="5" cols="60" name="comments" size="50" maxlength="50"> text to go here</textarea><br /></div>
<div style="clear: both;">
<div><br/>
<b>Comments or information you feel is important to pass on :</b>
<textarea rows="5" cols="60" name="comments" size="50" maxlength="50" value="<?php if (isset($_POST['comments'])) echo $_POST['comments']; ?>"> </textarea><br /></div>
<div style="clear: both;">
</div>
<div>
<br /><b>Please hit the submit button when finished.</b><br />
</div>
<div style="clear: both;">
</div>
<div><br/>
<input type="submit" name="submit" value="Submit" /><br /></div>
<div style="clear: both;">
</div>
<input type="hidden" name="submitted" value="TRUE" />
</form>
<!-- End of page-specific content. -->
<!-- Script 3.3 - footer.html -->
</div>
</div>
</div>
<div style="clear: both;">
</div>
<!-- End of "wrapper" DIV. -->
</body>
</html>
level9wizard
If I were you, I'd just place this text into a <div id="rules_and_regulations"
ASKER
yea suppose, might just do that then. can i put a fine border around a div to make a nice outline, as if it was a box. Also can i add a scroll bar to the box, as i dont want the user to scroll the page to read it?
thanks
thanks
Add readonly="yes" within the textarea tag
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks nice a clear
As an additional note, you can also use disabled:
<textarea disabled="disabled">
Not only will this make the textarea readonly, but it will also not submit the field when the form is submitted reducing the amount of data sent and also making it so that you don't need to deal with it if your form processor loops through the input values.
<textarea disabled="disabled">
Not only will this make the textarea readonly, but it will also not submit the field when the form is submitted reducing the amount of data sent and also making it so that you don't need to deal with it if your form processor loops through the input values.