HTML формы с JavaScript Функция

У меня есть сценарийHTML формы с JavaScript Функция

<html> 
<head> 
<title> FORM REGISTRASI </title> 
<link rel="stylesheet" type="text/css" href="css/coba.css"> 
</head> 
<body> 
<script type="text/javascript" src="js/default.js"></script> 
<!--Input--> 
<form name="fform" class="daftar"> 
<h1>REGISTRASI AKUN</h1> 
<fieldset class="row1"> 
    <legend>Emal</legend> 
    <p> 
     <label>Email</label><input type="text" placeholder="Email" name="email"> 
     <label>Password</label><input type="password" placeholder="Password"> 
    </p> 
    <p> 
     <label>Konfirmasi Email</label><input type="text" placeholder="Konfirmasi Email"> 
     <label>Konfirmasi Password</label><input type="password" placeholder="Konfirmasi Password"> 
    </p> 
</fieldset> 
<fieldset class="row2"> 
    <legend>Biodata Pengguna</legend> 
    <p> 
     <label>Nama Lengkap</label><input type="text" class="panjang" placeholder="Nama Lengkap" name="nama"> 
    </p> 
    <p> 
     <label>Nomor Telepon</label><input type="text" maxlength="12" name="telepon"> 
    </p> 
    <p> 
     <label> Alamat </label> 
     <textarea cols="32" rows="5" placeholder="Alamat" name="alamat"></textarea> 
    </p> 
</fieldset> 
<fieldset class="row3"> 
    <legend>Biodata Lain</legend> 
    <p> 
    <label>Jenis Kelamin</label> 
    <input type="radio" value="Pria" name="Pria"> 
    <label class="JK">Pria</label> 
    <input type="radio" value="Wanita" name="Wanita"> 
    <label class="JK">Wanita</label> 
    </p> 
    <p> 
    <label>Tempat Lahir</label> 
    <input class="panjangkota" type="text" maxlength="20" name="tempatlahir" /> 
    </p> 
    <p> 
    <label>Tanggal Lahir</label> 
    <input type="date" size="2" maxlength="2" name="tanggal" /> 
    </p> 
    <p> 
     <label>Hobby</label> 
     <input type="checkbox" value="Browsing" name="Browsing"> 
     <label class="hobby">Browsing</label> 
     <input type="checkbox" value="Membaca" name="Membaca"> 
     <label class="hobby">Membaca</label> 
    </p> 
    <p> 
     <label> </label>  
     <input type="checkbox" value="Sepakbola" name="Sepakbola"> 
     <label class="hobby">Sepakbola</label> 
     <input type="checkbox" value="Galau" name="Galau"> 
     <label class="hobby">Galau</label> 
    </p> 
</fieldset> 
<div><input type="button" value="kirim" onclick="daftar()"></div> 
<tr> 
<div><input type="reset" value="ulang"></div> 
</form> 
<!--Output--> 
<hr> 
<form class="daftar2"> 
<h1>OUTPUT</h1> 
<fieldset class="row4"> 
    <legend>Pendaftaran Akun</legend> 
    <p> 
     <label>Nama Depan :</label><input type="text" name="znama"> 
    </p> 
    <p> 
     <label>Nomor Telepon :</label><input type="text" name="ztelepon"> 
    </p> 
    <p> 
     <label>Email :</label><input type="text" name="zemail"> 
    </p> 
    <p> 
     <label>Jenis Kelamin :</label><input type="text" name="zJK"> 
    </p> 
    <p> 
     <label>Tempat Lahir :</label><input type="text" name="ztempatlahir"> 
    </p> 
    <p> 
     <label>Tanggal Lahir :</label><input type="text"> 
    </p> 
    <p> 
     <label>Hobby :</label><input type="text" name="zHobby"> 
    </p> 
    <p> 
     <label>Alamat :</label><textarea cols="32" rows="5" zalamat></textarea> 
    </p> 
</fieldset> 
</form> 
</body> 
</html>

и у меня есть код ссылки на JavaScript это:

function daftar() 
{ 
var emailstr = (document.fform.email.value); 
var namastr = (document.fform.nama.value); 
var teleponstr = (document.fform.telepon.value); 
var alamatstr = (document.fform.alamat.value); 
var tempatlahirstr = (document.fform.tempatlahir.value); 

//obejek teks 
(document.fform.zemail.value) = emailstr; 
(document.fform.znama.value) = namastr; 
(document.fform.ztelepon.value) = teleponstr; 
(document.fform.ztempatlahir.value) = tempatlahirstr; 

//textarea 
(document.fform.zalamat.value) = alamatstr; 

//radio button 
if (fform.Pria.checked) 
{ 
    Pria = (document.fform.Pria.value); 
    (document.fform.zJK.value) = Pria; 
} else 
if (fform.Wanita.checked) 
{ 
    Wanita = (document.fform.Wanita.value); 
    (document.fform.zJK.value) = Wanita; 
} 

//checkbox 

if (fform.Browsing.checked) 
{ 
    Browsing = (document.fform.Browsing.value); 
    (document.fform.zHobby.value) = Browsing; 
} else 
if (fform.Membaca.checked) 
{ 
    Membaca = (document.fform.Membaca.value); 
    (document.fform.zHobby.value) = Membaca; 
} else 
if (fform.Sepakbola.checked) 
{ 
    Sepakbola = (document.fform.Sepakbola.value); 
    (document.fform.zHobby.value) = Sepakbola; 
} else 
if (fform.Galau.checked) 
{ 
    Galau = (document.fform.Galau.value); 
    (document.fform.zHobby.value) = Galau; 
}

Я хочу, чтобы напечатать весь деталь (специально для текста и радио/Флажок объект , не видите объект даты) в форме ввода для вывода формы с помощью одной функции javascript, когда я пытаюсь отправить весь элемент, он не отображается в форме вывода. Что не так с этим кодом и как распечатать все из них в выходной форме? Пожалуйста, помогите мне, это мое назначение коллажа. (Если вы хотите, вы можете скопировать и вставить этот код для проверки этого кода).

источник

2016-03-27 Alwan Hibatullah

попытаться иметь один вход на каждой форме, закомментируйте все остальное и идти оттуда. Не нужно больше усложнять вещи, прежде чем у вас будет основная кнопка. Если вы хотите получить ответы, будьте предельно ясными и конкретными в отношении вашего вопроса. Мы не отвечаем на вопросы «что не так с моим кодом». Покажите, что вы попытались решить проблему, чтобы лучше понять ваш мыслительный процесс. – Observer

Для этого кукольного, почему вы не используете угловые js? его простой и легкий брат.

<!DOCTYPE html> 
<html> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app=""> 

<p>Input something in the input box:</p> 
Name:<input type="text" name="name" ng-model="name"><br> 

<p>Gender: <input type="radio" ng-model="gen" value="male" name="gen">Male 
<input type="radio" ng-model="gen" value="female" name="gen">Female</p> 




<p ng-bind="name"></p> 

<p ng-bind="gen"></p> 

</div> 

</body> 
</html>

Подробнее Angularjs от W3schools :)

источник

2016-03-27 07:20:24

HTML формы с JavaScript Функция

ответ

Смежные вопросы