logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Closed Thread
 
Thread Tools Display Modes
Old 06-26-2013, 07:06 AM   #1
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default html5

thought id put this on, i was doodling around waiting for clients and a post about html5 got me thinking this page might be of use as a ref or something.
Basically it add some of the nicer form elements, although not all browsers are supporting yet , in particular the date time pick, but i suspect just a matter of time.
for the form css i added a background colour but did an override on required fields using !important.
I added a class to <br> to determine and control a margin between them. (yes i was bored)
I also added some includes in way of adding an object, of course it would need to have a real file or path to work.
Code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
 <style>input[required] { background-color: #E5F5EF !important;}
 input { background-color: #CF9; }
 textarea{ width:100px; height:80px;  background-color: #CF9;}
label {
color: #B4886B;
font-weight: bold;
display: block;
width: 250px;
float: left; text-align:right;
}
.clear{margin-bottom:5px;}
 </style>
</head>

<body>
<!--Include a file-->
<object name="foo" type="text/html" data="incl/header.inc"/>

<form> <label>  Email </label>
<input type="email" title="Please, provide an e-mail" x-moz-errormessage="This is not a valid e-mail" required placeholder="enter a valid email address"  >

<br class="clear">


 <label>Name a  presidents , this is a list: </label>
  <input type="text" name="favCharacter" list="characters" maxlength="50"  autofocus placeholder="name a president"   ><br class="clear">

  <datalist id="characters">
   <option value="George Washington">
   <option value="Bill Clinton">
   <option value="George Bush">
    <option value="J.F. Kennedy">
     <option value="Fred Flinstone">
  </datalist>
 <label>Website:</label> <input type="url" name="website" id="website" placeholder="What is your website"><br class="clear">
 <label>  Enter comments </label>
<textarea name="comments" id="comments" maxlength="5
" placeholder="maximum 5 characters"></textarea><br class="clear">
 <label> Pick a date </label>
<input type="date" name="date" id="date" min="2011-01-01" max="2015-12-31" step="10" placeholder="yy-mm-dd"><br class="clear">
   
 <label>  check and send: </label>
 <input name="s" type="submit" value="Submit" >
</form>
<!--Include a file-->
<object name="foo" type="text/html" data="incl/footer.inc"/>
</body>
</html>
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline  
Old 07-04-2013, 05:19 AM   #2
jmichae3
 
Join Date: Dec 2010
Posts: 366
Default

if you wanted to make it into a dreamweaver template (dwt) you could put a / in front of incl and insert the required template tags, and make some of the content editable.

then no matter what directory you were in, you could use this as a template for your site and just stamp out a page when you needed it. looks like a template to me

templates go in the Templates\ directory of your web site for anyone who does not know yet. when you want to make a new page, File, New, from template, then pick your template by site. I tend to make one for index pages and one for content pages (but that's me, I usually have too much stuff to deal with).
__________________
------------
Jim Michaels
HTML Code:
improperly<strong>nested<em>elements</strong>cause</em>
browser confusion (I believe the term is 'tag soup')!

Last edited by jmichae3; 07-04-2013 at 05:22 AM.. Reason: additional info about templates
jmichae3 is offline  
Old 01-08-2015, 12:58 PM   #3
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

Quote:
Originally Posted by roniadiyakm View Post
There are good html coding using with stylesheet.
priceless.
as in not worth anything

Last edited by edbr; 01-09-2015 at 03:33 AM..
d a v e is offline  
Old 01-09-2015, 03:33 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

i must have deleted and banned 100 posts about that bloody indian picnic, food had better be good
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline  
Old 03-14-2015, 04:37 PM   #5
salauddin502
 
Join Date: Mar 2015
Location: Uttara,Dhaka, Bangladesh
Posts: 1
Default

You can find many idea about HTML5 language in W3school.
salauddin502 is offline  
Old 05-13-2015, 06:21 PM   #6
Support IT
 
Join Date: May 2015
Posts: 2
Default

Is code academy a good place to start learning HTML?
Support IT is offline  
Old 03-08-2016, 06:36 AM   #7
mynamebilalzahid
 
Join Date: Mar 2016
Posts: 4
Default

Hi Guys!

I find it easy to use dreamweaver instead of other coding software!
dreamweaver is easy to use and easy to write HTML / CSS / PHP / & others.
mynamebilalzahid is offline  
Closed Thread


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:28 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com