溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關HTML中如何使用上傳圖片插件、圖文編輯、時間插件，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>添加投票</title>
<include file="Public/head"/>
<!-- 驗證 -->
<link rel="stylesheet" href="__JS__/validate/css/validationEngine.jquery.css" type="text/css"/>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="__JS__/validate/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript" charset="utf-8"></script>
<script src="__JS__/validate/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<!-- 時間插件-->
<script src="__STATICBD__/date/WdatePicker.js"></script>
<!-- 編輯器 -->
<link rel="stylesheet" href="__STATIC__/editor/themes/default/default.css" />
<script charset="utf-8" src="__STATIC__/editor/kindeditor.js"></script>
<script charset="utf-8" src="__STATIC__/editor/lang/zh_CN.js"></script>
<script src="__STATIC__/editor/kindeditor-min.js"></script>
<script>
var editor;
KindEditor.ready(function (K) {
editor = K.create('textarea[name="jianjie"]', {
uploadJson: '{:U("Base/upload")}',
allowFileManager: true
});
});
KindEditor.ready(function (K) {
editor = K.create('textarea[name="rule"]', {
uploadJson: '{:U("Base/upload")}',
allowFileManager: true
});
});
KindEditor.ready(function (K) {
editor = K.create('textarea[name="lide"]', {
uploadJson: '{:U("Base/upload")}',
allowFileManager: true
});
});
</script>
</head>
<!-- 驗證 -->
<script>
jQuery(document).ready(function(){
jQuery("#formID").validationEngine();
});
</script>
<!-- 上傳圖片 -->
<script>
KindEditor.ready(function(K) {
var editor = K.editor({
uploadJson : '{:U("Base/upload")}',
allowFileManager : true
});
K('#p_w_picpath2').click(function() {
editor.loadPlugin('p_w_picpath', function() {
editor.plugin.p_w_picpathDialog({
p_w_picpathUrl : K('#pic_reply').val(),
clickFn : function(url, title, width, height, border, align) {
K('#pic_reply').val(url);
editor.hideDialog();
}
});
});
});
K('#p_w_picpath3').click(function () {
editor.loadPlugin('p_w_picpath', function () {
editor.plugin.p_w_picpathDialog({
p_w_picpathUrl: K('#pic_head').val(),
clickFn: function (url, title, width, height, border, align) {
K('#pic_head').val(url);
editor.hideDialog();
}
});
});
});
K('#p_w_picpath4').click(function () {
editor.loadPlugin('p_w_picpath', function () {
editor.plugin.p_w_picpathDialog({
p_w_picpathUrl: K('#pic_center').val(),
clickFn: function (url, title, width, height, border, align) {
K('#pic_center').val(url);
editor.hideDialog();
}
});
});
});
});
</script>
<body class="no-skin">
<div class="main-container" id="main-container">
<div class="main-content">
<div class="breadcrumbs" id="breadcrumbs">
<ul class="breadcrumb">
<li>
<i class="ace-icon fa fa-home home-icon"></i>
<a href="{:U('Function/info')}">首頁</a>
</li>
<li>
<a href="{:U('Vote/index',array('id'=>$appid))}">四維投票</a>
</li>
<li class="active">添加投票</li>
</ul>
</div>
<div class="page-content-area">
<div class="page-header">
</div>
<div class="">
<div class="col-xs-12">
<form action="__SELF__" method="post" id="formID" class="form-horizontal" role="form">
<input type="hidden" name="token" value="{:$token}" >
<input type="hidden" name="uid" value="{:$uid}" >
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">關鍵字</label>
<div class="col-sm-9">
<input type="text" name="keyword" value="{:$flash['keyword']}" placeholder="請輸入投票標題" class="col-xs-10 col-sm-5" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">投票標題</label>
<div class="col-sm-9">
<input type="text" name="title" value="{:$flash['title']}" placeholder="請輸入投票標題" class="col-xs-10 col-sm-5" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right required" for="form-field-1">回復大圖</label>
<div class="col-sm-9">
<input type="text" name="pic_reply" id="pic_reply" value="{$flash.pic_reply}" />
<button id="p_w_picpath2" type="button" class="btn btn-xs btn-success" data-loading-text="選擇圖片">選擇圖片</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right required" for="form-field-1">頭部展示圖</label>
<div class="col-sm-9">
<input type="text" name="pic_head" id="pic_head" value="{$flash.pic_head}" />
<button id="p_w_picpath3" type="button" class="btn btn-xs btn-success" data-loading-text="選擇圖片">選擇圖片</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right required" for="form-field-1">中部展示圖</label>
<div class="col-sm-9">
<input type="text" name="pic_center" id="pic_center" value="{$flash.pic_center}" />
<button id="p_w_picpath4" type="button" class="btn btn-xs btn-success" data-loading-text="選擇圖片">選擇圖片</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right required" for="form-field-1">活動時間</label>
<div class="col-sm-9">
<input type="input" class="px" id="start_time" value="<if condition="$vo['start_time'] neq ''">{weixin:$vo.start_time|date="Y-m-d H:i:s",###}<else/><?php
echo date('Y-m-d H:i:s',mktime(0, 0, 0, date("m") , date("d"), date("Y")));?></if>" onClick="WdatePicker()" name="start_time" />
到
<input type="input" class="px" id="end_time" value="<if condition="$vo['end_time'] neq ''">{weixin:$vo.end_time|date="Y-m-d H:i:s",###}<else/><?php
echo date('Y-m-d H:i:s',mktime(0, 0, 0, date("m") , date("d")+3, date("Y")));?></if>" name="end_time" onClick="WdatePicker()" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right required" for="form-field-1">圖文簡介</label>
<div class="col-sm-9">
<textarea type="text" name="jianjie" rows="3" col="8"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right required" for="form-field-1">圖文參賽規(guī)則</label>
<div class="col-sm-9">
<textarea type="text" name="rule" rows="3" col="8"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right required" for="form-field-1">圖文引導參賽</label>
<div class="col-sm-9">
<textarea type="text" name="lide" rows="3" col="8"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板</label>
<div class="col-sm-9">
<input type="radio" name="temp_id" value="1" class='px' checked <eq name="content.showpic" value="模板模板"> checked</eq>/>模板模板 <input type="radio" name="temp_id" value="新模板" class='px' <eq name="content.showpic" value="新模板"> checked</eq>/>新模板
</div>
</div>
<div class="col-md-9">
<button type="submit" class="btn btn-sm btn-success">提交</button>
<a href="{:U('Vote/index')}" type="submit" class="btn btn-sm btn-info">取消</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
關于“HTML中如何使用上傳圖片插件、圖文編輯、時間插件”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
