Smarty中的自定义函数（二）复选框、下拉列表、单选框

接Smarty中的自定义函数（一）

7、html_checkboxes

复选框

$ssss1 = array(2,3,4);
$ssss2 = array('学习','工作','生活');
$ssss3 = array(2,4);
$smarty->assign('ssss1',$ssss1);
$smarty->assign('ssss2',$ssss2);
$smarty->assign('ssss3',$ssss3);

$suse = array(
	0 => '学习',
	1 => '工作',
	2 => '生活',
);
$smarty->assign('suse',$suse);

$smarty->display('html_checkboxes.html');

html_checkboxes.html

<{*
	name,checkbox的name属性
	values,checkbox中的value
	output,checkbox中的显示字符
	selected,已选定的元素
	separator,checkbox之间的分隔符
	labels,是否有<label>标签,默认为true
*}>

<{html_checkboxes name=ssss values=$ssss1 output=$ssss2 selected=$ssss3 separator="<br>"}>

<{*解析后的html代码
	<label><input type="checkbox" name="ssss[]" value="2" checked="checked" />学习</label><br>
	<label><input type="checkbox" name="ssss[]" value="3" />工作</label><br>
	<label><input type="checkbox" name="ssss[]" value="4" checked="checked" />生活</label><br>
*}>

<br>

<{*
	name,checkbox的name属性
	selected,已选定的元素
	options,包含值和显示的数组，可以是关联数组、也可以是数值数组
	解析后的value=数组的下标，显示的字符为数组下标对应的值
	separator,checkbox之间的分隔符
	labels,是否有<label>标签,默认为true
*}>
<{html_checkboxes name=suse options=$suse separtator=" "}>

<{* 解析后的html代码
<label><input type="checkbox" name="suse[]" value="0" separtator=" " />学习</label>
<label><input type="checkbox" name="suse[]" value="1" separtator=" " />工作</label>
<label><input type="checkbox" name="suse[]" value="2" separtator=" " />生活</label>
*}>

运行结果：

8、html_image

用于显示图片

<{*
	file,必选,文件的位置以调用这个模板文件的PHP文件位置为准
	border,图片边框
	height,图片的高度
	width,图片的宽度
	basedir,图片文件的相对路径
	alt,图片的描述信息
	href,图片的链接地址
*}>

<{html_image file="./image/1.jpg" border="3" height="90" width="200" alt="搜狗五笔" href="http://www.sougou.com"}>

<{*
	解析后的html代码
	<a href="http://www.sougou.com"><img src="./image/1.jpg" alt="搜狗五笔" width="200" height="90" border="3" /></a>
*}>

运行结果：

9、html_options

下拉列表框

$ssss1 = array(2,3,4,5);
$ssss2 = array('学习','工作','生活');
$ssss3 = array(2);
$smarty->assign('ssss1',$ssss1);
$smarty->assign('ssss2',$ssss2);
$smarty->assign('ssss3',$ssss3);

$suse = array(
	5 => '学习',
	6 => '工作',
	7 => '生活',
);
$smarty->assign('suse',$suse);

$smarty->display('html_options.html');

html_options.html

<{*
	values,下拉列表框中option的value值
	output,下拉列表框中option对应显示的字符
	selected,已选定的元素
	name,select的name值,
		如果没有指定name属性，则只会产生<option>,没有<select></select>标签，
		即不会显示在页面上,但是是源代码中会有<option>
	注:
		如果output的元素比values的元素多,则下拉列表框的option个数以values的元素个数为准
		如果values的元素比output的元素多,则多余的option有value值，但显示为空
*}>

<{html_options values=$ssss1 output=$ssss2 selected=$ssss3 name=ssss}>

<{*
	解析后的html代码
	<select name="ssss">
	<option label="学习" value="2" selected="selected">学习</option>
	<option label="工作" value="3">工作</option>
	<option label="生活" value="4">生活</option>
	<option label="" value="5"></option>
	</select>
*}>

<{*
	options,包含options的value和对应显示的字符的数组
*}>

<{html_options options=$suse name=suse}>

<{*
	解析后的html代码
	<select name="suse">
	<option label="学习" value="5">学习</option>
	<option label="工作" value="6">工作</option>
	<option label="生活" value="7">生活</option>
	</select>
*}>

运行结果：
10、html_radios

单选框

html_radios.php

$ssss1 = array(2,3,4,5);
$ssss2 = array('学习','工作','生活');
$ssss3 = 2;//单选框的checked不能为数组
$smarty->assign('ssss1',$ssss1);
$smarty->assign('ssss2',$ssss2);
$smarty->assign('ssss3',$ssss3);

$suse = array(
	5 => '学习',
	6 => '工作',
	7 => '生活',
);
$smarty->assign('suse',$suse);

$smarty->display('html_radios.html');

html_radios.html

<{*
	values,单选框input type="radio"的value值
	output,单选框对应显示的字符
	checked,已选定的元素,不能为数组
	name,input type="radio"的name值,默认为radio
	separator,每个radio的分隔符
	注:
		如果output的元素比values的元素多,则单选框的option个数以values的元素个数为准
		如果values的元素比output的元素多,则多余的radio有value值，但显示为空
*}>

<{html_radios values=$ssss1 output=$ssss2 checked=$ssss3 name=ssss separator="<br>"}>

<{*
	解析后的html代码
	<label><input type="radio" name="ssss" value="2" checked="checked" />学习</label><br>
	<label><input type="radio" name="ssss" value="3" />工作</label><br>
	<label><input type="radio" name="ssss" value="4" />生活</label><br>
	<label><input type="radio" name="ssss" value="5" /></label><br>
*}>
<br>
<{*
	options,包含radio的value和对应显示的字符的数组
*}>

<{html_radios options=$suse name=suse}>

<{*
	解析后的html代码
	<label><input type="radio" name="suse" value="5" />学习</label>
	<label><input type="radio" name="suse" value="6" />工作</label>
	<label><input type="radio" name="suse" value="7" />生活</label>
*}>

运行结果：